js数组遍历总结

1.原始方法

[javascript] view plain copy

print ?

1. for(var i=0;i<arr.length;i++){  
2.     //arr[i];  
3. }  

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

2.在ES5中引入了forEach()

[javascript] view plain copy

print ?

1. var arr=[1,2,3,4];  
2. arr.forEach(function(value,index,arr){  
3.    value;//当前值  
4.    index;//当前索引  
5.    arr;//原数组  
6. });  

var arr=[1,2,3,4];
arr.forEach(function(value,index,arr){
   value;//当前值
   index;//当前索引
   arr;//原数组
});

缺点：在forEach使用return会失效，break会报错；都跳不出循环

3.for  in  遍历【只用于遍历对象，不适合遍历数组】

[html] view plain copy

print ?

1. var arr=[1,2,3,4];  
2. Array.proto.name=‘zhangsan’;//数组原型添加属性  
3. arr.age=12;//数组对象添加属性  
4. var keys=[];  
5. for(var key in arr){  
6.    keys.push(key);  
7.    console.log(arr[key]);//获取值  
8. }  
9. /***结果***/  
10. 1,2,3,4，’zhangsan’,12  
11. <span style=“color:#ff0000;”><strong>//【会把数组和数组原型的属性全部打印出来】</strong></span>  
12. console.log(keys);  
13. /***结果***/  
14. [‘0’,’1’,’2’,’3’],并不是[0,1,2,3]  
15. <span style=“color:#ff0000;”><strong>//【key是字符串不是数值】</strong></span>  

var arr=[1,2,3,4];
Array.proto.name='zhangsan';//数组原型添加属性
arr.age=12;//数组对象添加属性
var keys=[];
for(var key in arr){
   keys.push(key);
   console.log(arr[key]);//获取值
}
/***结果***/
1,2,3,4，'zhangsan',12
//【会把数组和数组原型的属性全部打印出来】
console.log(keys);
/***结果***/
['0','1','2','3'],并不是[0,1,2,3]
//【key是字符串不是数值】

4.在es6中引入 for  of  【只要一个对象实现一个 一个迭代器（iterator）方法，就可以通过 for  of 遍历，例如Array,Set,Map】

[javascript] view plain copy

print ?

1. //数组  
2. var arr=[1,2,3,4];  
3. for(var value of arr){  
4.    console.log(value)  
5. }  

//数组
var arr=[1,2,3,4];
for(var value of arr){
   console.log(value)
}

[html] view plain copy

print ?

1. //set集合  
2. var arr=[1,2,3,4,1,2,3,4];  
3. //数组去重  
4. var set=new Set(arr);  
5. //set.constructor === Set  
6. //遍历set集合  
7. for(var value of set){  
8.    console.log(value);  
9. }  
10. /***结果***/  
11. 1,2,3,4  

//set集合
var arr=[1,2,3,4,1,2,3,4];
//数组去重
var set=new Set(arr);
//set.constructor === Set
//遍历set集合
for(var value of set){
   console.log(value);
}
/***结果***/
1,2,3,4

总结：在遍历 一般的对象使用for in ;

    在遍历数组可以使用for()循环或者for  of