js数组遍历总结

来源：互联网发布：zoom软件怎么收费编辑：程序博客网时间：2024/06/01 09:59

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

0 0