JS数组遍历的几种方式

1、for()

2、for..in.
var arr = [1,2,3,4]
for(var key in arr){
console.log(key)//key为数组下标
}
//会跳过稀疏散组


3、for..of
for(var val of arr){
console.log(key)//val为数组值
}

4、forEach
arr.forEach(function(item, index, arr){
//执行函数
})
//没有返回值， 回调函数里依次对应为：数组元素，数组下标，原数组
//有多少元素就会执行多少次回调函数 回跳过稀疏数组

5、filter
var arr = [1,2,3,4]
var newArr = arr.filter(function(item, index){
return item>2
})
//有返回值，得到新数组newArr = [3,4]

6、every
var arr = [1,2,3,4]
arr.every(function(item, index){
return item>2 //每一项大于2则返回true
})
//返回true或false

7、some
var arr = [1,2,3,4]
arr.some(function(item, index){
return item>2 　　//只要有一项大于2则返回true
})
//返回true或false

8、reduce
var arr = [1,2,3,4]
var num = arr.reduce(function(previousVal, currentVal){
return previousVal+currentVal　　//previousVal默认为数组第一个值 当存在第二个参数时为2
},2)
console.log(num)　　//返回从2+1+2+3+4=12

9、find
var arr = [1,2,3,4]
var num = arr.find(function(item, index){
return item > 2
})

console.log(num) //返回符合条件的第一个元素 3

10、map
var arr = [1,2,3,4]
var newArr = arr.map(function(item, index){
return item*2 //对每个元素乘2并返回一个新数组
})

JS数组遍历的几种方式

原文：https://www.cnblogs.com/lxxoflearningconstantly/p/13489765.html