js数组常用遍历方法——filter、map、foreach、reduce、some、every

  1. filter函数——筛选数组中符合条件的一些元素
    参数列表:传入一个箭头函数(匿名函数),箭头函数的参数:item, index, arr 分别指元素、元素对应的索引、传入进来的数组(在实例中为arr)
    实例:
// filter 过滤掉数组中的奇数
var arr = [1, 3, 4, 6, 7, 8]
var after = arr.filter(item => {
    return item % 2 === 0;     // return true的item才会留下来
})
console.log(after);    // [ 4, 6, 8 ]

注意:filter返回一个新数组,不会改变原有数组。
2. foreach——用于对数组中的元素进行修改操作
参数列表:传入一个箭头函数(匿名函数),箭头函数的参数:item, index, arr 分别指元素、元素对应的索引、数组
实例:

//foreach遍历将数组中的元素变成他们各自的2倍
var arr = [1, 3, 4, 6, 7, 8]
arr.forEach((item, index, array) => {
    array[index] = item * 2     // 不能写成item *= 2
})
console.log(arr)       // [ 2, 6, 8, 12, 14, 16 ]

注意:foreach没有返回值,改变的是原有数组
3. map——同foreach相似,有返回值
参数列表:参数列表同上
实例:

//map遍历数组将数组中的元素变为原来的2倍
var arr = [1, 3, 4, 6, 7, 8]
var after = arr.map(item => {
    return item * 2;
})
console.log(after) // [ 2, 6, 8, 12, 14, 16 ]

注意:返回新的数组,原有数组未被改变
4. every——用于判断数组中的每一项元素是否都满足条件,返回一个布尔值
参数列表:同上
实例:

// every判断数组中所有元素是否都为奇数
var arr = [1, 3, 4, 6, 7, 8]
var isAllOdd = arr.every(item => {
    return item % 2 === 1
})
console.log(isAllOdd) // false

注意: 不返回数组,返回布尔值
5. some ——与every对比着来看
参数列表:同上
实例:

// some判断数组中是否有奇数
var arr = [1, 3, 4, 6, 7, 8]
var hasSomeOdds = arr.some(item => {
    return item % 2 === 1;
})
console.log(hasSomeOdds)

注意: 不返回数组,返回布尔值
6. reduce——功能较强大的遍历方式,可以分步对数组进行操作(ES6)
参数列表也比较复杂,它的语法是这样的:

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

其中,匿名函数的四个参数分别为:prev表示上次操作的返回值(没有上次的返回值时是初始值),cur表示当前遍历到的元素,index是cur的索引,arr是传入的数组;第二个参数init表示所有操作开始前的初始值。
实例:

//reduce进行数组去重
var arr = [1, 3, 4, 4, 6, 8, 7, 8]
var after = arr.reduce((prev, cur) => {
    if (prev.indexOf(cur) === -1) prev.push(cur)
    return prev
}, [])
console.log(after) // [ 1, 3, 4, 6, 8, 7 ]

注意:根据具体的需求确定传入的匿名函数返回值以及传入的init初始值

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值