js数组遍历总结

1.原始方法

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

2.在ES5中引入了forEach()

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

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

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

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】

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

//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