js 数组的几种遍历方法

for循环

//使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。
1、
for(j = 0,len=arr.length; j < len; j++) {
    
}
2、
var arr = [1,2,3,4,5,6,7,8,9];
var len = arr.length;
for( ; len-- ; ){
	console.log(len)  //8,7,6,5,4,3,2,1,0
}

forof，forin遍历

//可以正确响应break、continue和return语句
for (var value of myArray) {  //es6
	console.log(value);
}
for (var value in myArray) {
	console.log(value);
}

foreach循环

//1 没有返回值
arr.forEach((item,index,array)=>{
    //执行代码
})
//参数：value数组中的当前项, index当前项的索引, array原始数组；
//数组中有几项，那么传递进去的匿名回调函数就需要执行几次；

map循环

//有返回值，可以return出来map的回调函数中支持return返回值；return的是啥，相当于把数组
//中的这一项变为啥（并不影响原来的数组，只是相当于把原数组克隆一份，把克隆的这一份的数组
//中的对应项改变了）；
arr.map(function(value,index,array){
　　//do something
　　return XXX;
})

var ary = [12,23,24,42,1]; 
var res = ary.map(function (item,index,ary ) { 
    return item*10; 
}) 
console.log(res);//-->[120,230,240,420,10];  原数组拷贝了一份，并进行了修改
console.log(ary);//-->[12,23,24,42,1]；  原数组并未发生变化

filter遍历（过滤输出所有满足条件的数据）

//不会改变原始数组,返回新数组
var arr = [
  { id: 1, text: 'aa', done: true },
  { id: 2, text: 'bb', done: false }
]
console.log(arr.filter(item => item.done))  //{id: 1, text: "aa", done: true}
//转为ES5
arr.filter(function (item) {
  return item.done;
});
//{id: 1, text: "aa", done: true}

var arr = [73,84,56,22,100]
var newArr = arr.filter(item => item>80)
console.log(newArr) //[84, 100]

find遍历（过滤输出第一个满足条件的数据，找不到返回undefined）

var arr = [73,84,56,22,100]
var num = arr.find(item => item>80)
console.log(num)  //84

findIndex遍历（过滤输出第一个满足条件的索引，找不到返回undefined）

var arr = [73,84,56,22,100]
var index = arr.findIndex(item => item>80)
console.log(index )  //1

every遍历

//every()是对数组中的每一项运行给定函数，如果该函数对每一项返回true,则返回true。
var arr = [ 1, 2, 3, 4, 5, 6 ]; 
	console.log( arr.every( function( item, index, array ){ 
        return item > 3; 
    })); 
//false

some遍历

//some()是对数组中每一项运行指定函数，如果该函数对任一项返回true，则返回true。
var arr = [ 1, 2, 3, 4, 5, 6 ]; 
    console.log( arr.some( function( item, index, array ){ 
        return item > 3; 
    })); 
//true

reduce遍历

用法

arr.reduce(function(prev,cur,index,arr){
...
}, init);

prev 表示上一次调用回调时的返回值，或者初始值 init;
cur 表示当前正在处理的数组元素；
index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；
arr 表示原数组；
init 表示初始值。
例子：求数组每一项的和

var arr = [1, 2, 3, 4, 5]
var sum = arr.reduce(function (prev, cur) {
    return prev + cur;
},0);
//这里传入的初值为0,第一次计算0+1的值作为下一轮的prev的值
console.log(sum); //15

更多reduce用法请参考：
浅谈JS中 reduce() 的用法