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