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并返回一个新数组
})

posted @ 2020-08-13 12:41  活到老学到老的李小小  阅读(114)  评论(0)    收藏  举报