您的位置:首页 > Web前端 > JavaScript

js数组的操作与遍历

2016-01-29 16:13 531 查看
js的数组的操作函数实在是太多了(比C#要多得多),遍历的方法也有好几个,这里有必要自己总结一下:

数组操作

方法描述FFNIE
concat()连接两个或更多的数组,并返回结果。144
join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。134
pop()删除并返回数组的最后一个元素145.5
push()向数组的末尾添加一个或更多元素,并返回新的长度。145.5
reverse()颠倒数组中元素的顺序。134
shift()删除并返回数组的第一个元素145.5
slice()从某个已有的数组返回选定的元素144
sort()对数组的元素进行排序134
splice()删除元素,并向数组添加新元素。145.5
toSource()代表对象的源代码14-
toString()把数组转换为字符串,并返回结果。134
toLocaleString()把数组转换为本地数组,并返回结果。134
unshift()向数组的开头添加一个或更多元素,并返回新的长度。146
valueOf()返回数组对象的原始值124

我们把它分组就好记了

连接:concat和join,

末尾增删:pop和push,

开头增删shift和unshift,

排序reverse和sort,

选取、删除和追加部分元素slice和splice

数组遍历

数组遍历总的来说,有3种方法
一、for:通用

for (var i=0;i<array.length;i++){
var a=array[i];
}


for (var i in array){
var a=array[i];
}


二、foreach:不推荐使用,因为很多浏览器是不支持的,比如IE8以下

for (var i in array){
var a=i;
}


三、$.each():参数含义如下

1、$.each(Array, function(i, value) {

this; //this指向当前元素

i; //i表示Array当前下标

value; //value表示Array当前元素

});
2、它还可以用来遍历对象:

$.each(Object, function(name, value) {

this; //this指向当前属性的值

name; //name表示Object当前属性的名称

value; //value表示Object当前属性的值

});

3、遍历DOM元素:

$.each($("input:hidden"), function(i,val){
$(this).val();

alert(i);

alert(val.name);

alert(val.value);

});

遍历DOM另外一种写法:

$("input:hidden").each(function(i,val){
$(this).val();

alert(i);

alert(val.name);

alert(val.value);

});

for (var i in array){
var a=array[i];
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: