理解 ES6 — forEach/map/reduce/filter/every/some

1 forEach (让数组中的每一项都做一件事)

如果不做特殊处理,一般情况下,不会break的。如果需要中途跳出循环,建议直接用for语句好了。

let arr = [1,2,3,4,5];
arr.forEach((item,index)=> {
    console.log(item);
})
// 1,2,3,4,5

2 map (让数组通过某种计算产生一个新数组)

let arr = [1,2,3,4,5];
let newArray = arr.map((item,index)=> {
    return item * 2
});
newArray  // [2, 4, 6, 8, 10]
arr // [1,2,3,4,5]

3 reduce (让数组中的前项和后项做某种计算,并累计最终值)

let arr = [1,2,3,4,5];
let result = arr.reduce((prev, cur, index, arr)=> {
    return prev + cur;
},initialValue);

   callbackFunction 包含4个参数,先解释下它们的意思:

prev第一项的值或者上一次叠加的结果值
cur当前会参与叠加的项
index 当前索引
arr数组本身

此时,初始值默认为数组的 [0],如果想自定义初始值,那可以给reduce添加第二个参数(initialValue),如下

let result = arr.reduce((prev, cur, index, arr)=> {
    return prev + cur;
}, -5);
// 如果是累加,一定要注意 initialValue 的类型,如果设置成了字符串,
//根据 “两者相加,值类型与第一个加数相同”,那么结果就是一个字符串。


    4 filter (筛选处数组中符合条件的项,返回一个新数组)

let arr = [1,2,3,4,5];
let newArray = arr.filter((item,index)=> {
    return item > 3;
});
 newArray // [4,5]

5 every (检测数组中的每一项是否符合条件)

可以理解成 && '且'的关系,返回boolean值

let arr = [1,2,3,4,5];
let result = arr.every((item,index)=> {
    return item > 0;
});
 result  // true

6 some (检测数组是否有某些项目符合条件)

可以理解成 || '或'的关系,返回boolean值

let arr = [1,2,3,4,5];
let result = arr.some((item,index)=> {
    return item > 2;
});
 result  // false

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值