javascript 数组操作实用技巧

 更新时间:2009年09月14日 12:48:38   作者:  
数组和字符串类型对象的方法我特容易搞混淆,所以把他列出来,免得每次取查。

1、concat方法
[作用] 将多个数组联合起来,这个方法不会改变现存的数组,它只返回了所结合数组的一份拷贝。
[语法] arrayObj.concat(array1,array2,...)
[实例]


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

2、join方法,
[作用] 将原有数组对象转换成1个字符串,可以用指定分隔符进行串联。
[语法] arrayObj.join(separator),separator为分隔符,默认为“,”。
[实例]

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

3、pop、shift方法
[作用] pop方法删除和返回数组中最后一个元素,同时,数组的长度发生变化。与之相对的是shift()方法,删除和返回数组第一个元素。
[语法] arrayObj.pop|shift()
[实例]

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

4、push、unshift方法
[作用] 向数组的末尾添加一个或多个元素并且返回新的长度。同时,数组的长度将会被改变,与之相对应的是unshift方法。注意,方法的返回值并不是新的数组,而是新数组的长度。
[语法] arrayObj.push|unshift(ele1,ele2,ele3,...)
[实例]

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

5、reverse方法
[作用] 把数组中的元素排列次序颠倒过来。
[语法] arrayObj.reverse()
[实例]

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

6、slice方法
[作用] 可将现存数组中选种的元素返回。
[语法] arrayObj.slice(startposition,endposition),第一个参数为必选,第二个为可选,如不写,则默认为从startposition到最后一个元素。注意,包含startposition这个位置的元素,而不包括endposition。
[实例]

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

7、sort方法
[作用] 用来对数组元素进行排序。
[语法] arrayObj.sort(sortRule())。参数可选,代表排序的方法。特别说明,sort排序有几个基本原则,第一,默认按照字母顺序排列;第二,大写字母排在小写字母之前。基与此,对于数字排序,需要自己写排序方法。
[实例]

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

8、splice方法
[作用] 向数组删除并加入新的元素。
[语法] arrayObj.splice(index,number,ele1,ele2...)。index为索引位置,必须为数字,代表从哪个位置插入或者删除元素。number,代表从index位置往后删除的元素个数,如果为“0”则表示在index插入新元素,不删除往后的数组元素。(说得太混了~~~直接看代码实例)
[实例]

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

9、toString方法
[作用] 使用率非常高的方法,直接将数组类型对象转换成字符串类型对象。
[语法] arrayObj.toString()
[实例]

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

注意:新的字符串是原数组连接而成,但是中间有“,”分隔,如想去掉“,”,可以这样写:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • JS数据双向绑定原理与用法实例分析

    JS数据双向绑定原理与用法实例分析

    这篇文章主要介绍了JS数据双向绑定原理与用法,结合实例形式分析了JavaScript数据双向绑定相关原理、实现技巧与操作注意事项,需要的朋友可以参考下
    2019-11-11
  • 鼠标右击事件代码(asp.net后台)

    鼠标右击事件代码(asp.net后台)

    本程序由一个js文件和aspx文件组成,没有后台CS代码。
    2011-01-01
  • 微信小程序实现人脸识别对比

    微信小程序实现人脸识别对比

    这篇文章主要介绍了微信小程序实现人脸识别对比,此文主要通过小程序实现对比人脸相似度,并返回相似度分值,可以基于分值判断是否为同一人,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • JavaScript实现图形验证码完整代码

    JavaScript实现图形验证码完整代码

    很多小伙伴都在学习JavaScript,可能也会有老师提出这样一个问题,如何用js编写一个简单的验证码,这里就和大家分享一下,这篇文章主要给大家介绍了关于JavaScript实现图形验证码的相关资料,需要的朋友可以参考下
    2024-01-01
  • JS实现一个秒表计时器

    JS实现一个秒表计时器

    这篇文章主要为大家详细介绍了JS实现一个秒表计时器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • JavaScript 实现日期时间转时间戳

    JavaScript 实现日期时间转时间戳

    这篇文章主要介绍了JavaScript 实现日期时间转时间戳,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08
  • JavaScript常见继承模式实例小结

    JavaScript常见继承模式实例小结

    这篇文章主要介绍了JavaScript常见继承模式,结合实例形式总结分析了javascript原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承等相关实现技巧与操作注意事项,需要的朋友可以参考下
    2019-01-01
  • 原生js拖拽功能制作滑动条实例代码

    原生js拖拽功能制作滑动条实例代码

    这篇文章主要介绍了原生js拖拽功能制作滑动条实例教程,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-02-02
  • js仿3366小游戏选字游戏

    js仿3366小游戏选字游戏

    这篇文章主要为大家详细介绍了js仿3366小游戏选字游戏
    2016-04-04
  • 浅析JavaScript中的特殊函数及用法小结

    浅析JavaScript中的特殊函数及用法小结

    JavaScript中的函数本质上是一个对象,我们可以将这个对象赋值给一个变量,这就使JavaScript中的函数变得非常的灵活,现在就来浅看一下JavaScript中函数的一些用法,需要的朋友可以参考下
    2022-06-06

最新评论