理解-ES6-—-reduce-map-forEach

前言

不废话，直接上正题。

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;
});
复制代码

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 (检测数组中的每一项是否符合条件)

能够理解成 && '且'的关系

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

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

能够理解成 || '或'的关系

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