当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 数组操作实用技巧

Javascript
Javascript-Mozilla和IE中的一个函数直接量的问题分析
TopList标签和JavaScript结合两例
javascript-TreeView父子联动效果保持节点状态一致
不错的JS中变量相关的细节分析
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
根据地区不同显示时间的javascript代码
javascript下查找父节点的简单方法
分享别人写的一个小型js框架
封装好的省市地区联动控件附下载
权威JavaScript 中的内存泄露模式
JavaScript 编程引入命名空间的方法与代码
IE/FireFox具备兼容性的拖动代码
分析 JavaScript 中令人困惑的变量赋值
推荐一个小巧的JS日历
让回调函数 showResponse 也带上参数的代码
增强的 JavaScript 的 trim 函数的代码
高亮闪烁某个元素的js脚本
用JavaScript 处理 URL 的两个函数代码
JavaScript 模仿vbs中的 DateAdd() 函数的代码
用js实现随机返回数组的一个元素

Javascript 中的 javascript 数组操作实用技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 323 ::
收藏到网摘: n/a

数组和字符串类型对象的方法我特容易搞混淆,所以把他列出来,免得每次取查。

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

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

2、join方法,
[作用] 将原有数组对象转换成1个字符串,可以用指定分隔符进行串联。
[语法] arrayObj.join(separator),separator为分隔符,默认为“,”。
[实例]
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

3、pop、shift方法
[作用] pop方法删除和返回数组中最后一个元素,同时,数组的长度发生变化。与之相对的是shift()方法,删除和返回数组第一个元素。
[语法] arrayObj.pop|shift()
[实例]
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

4、push、unshift方法
[作用] 向数组的末尾添加一个或多个元素并且返回新的长度。同时,数组的长度将会被改变,与之相对应的是unshift方法。注意,方法的返回值并不是新的数组,而是新数组的长度。
[语法] arrayObj.push|unshift(ele1,ele2,ele3,...)
[实例]
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

5、reverse方法
[作用] 把数组中的元素排列次序颠倒过来。
[语法] arrayObj.reverse()
[实例]
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

6、slice方法
[作用] 可将现存数组中选种的元素返回。
[语法] arrayObj.slice(startposition,endposition),第一个参数为必选,第二个为可选,如不写,则默认为从startposition到最后一个元素。注意,包含startposition这个位置的元素,而不包括endposition。
[实例]
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

7、sort方法
[作用] 用来对数组元素进行排序。
[语法] arrayObj.sort(sortRule())。参数可选,代表排序的方法。特别说明,sort排序有几个基本原则,第一,默认按照字母顺序排列;第二,大写字母排在小写字母之前。基与此,对于数字排序,需要自己写排序方法。
[实例]
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

8、splice方法
[作用] 向数组删除并加入新的元素。
[语法] arrayObj.splice(index,number,ele1,ele2...)。index为索引位置,必须为数字,代表从哪个位置插入或者删除元素。number,代表从index位置往后删除的元素个数,如果为“0”则表示在index插入新元素,不删除往后的数组元素。(说得太混了~~~直接看代码实例)
[实例]
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

9、toString方法
[作用] 使用率非常高的方法,直接将数组类型对象转换成字符串类型对象。
[语法] arrayObj.toString()
[实例]
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

注意:新的字符串是原数组连接而成,但是中间有“,”分隔,如想去掉“,”,可以这样写:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]