Array.reduce 方法的简单使用

方法功能及参数展示

• Array.reduce 是一个非常强大的方法，可以用于：数组去重、构建对象、数组扁平化、求和、统计等，这里将简单演示一些使用情景。
• Array.reduce((did,cur,index,arr) => {} , initVal)
  • did：累计器（操作后的结果）
  • cur：当前值
  • index：当前索引（如果有 initVal 索引从0开始，否侧从1开始）
  • arr：数组本身

使用方法演示

//1、参数展示
let arr = [1,2,3,4];
arr.reduce((did,cur,index,arr) => {
  console.log(did,cur,index,arr);
  return did;
},{});

//2、求数组元素之和
let arr2 = [1,2,3,4];
let sum2 = arr2.reduce((did,cur) => {
    did += cur;
    return did;
});
console.log(sum2);

//3、统计数组中元素出现的次数
let arr3 = ['a','a','a','b','b','c'];
let sum3 = arr3.reduce((did,cur) => {
    if (!did.hasOwnProperty(cur)){
        did[cur] = 1;
    }else {
        did[cur] ++;
    }
    return did;
},{});
console.log(sum3);

//4、分组累加
const arr4 = [
    {count: 10, weight: 1, height: 2},
    {count: 20, weight: 2, height: 4},
    {count: 30, weight: 3, height: 6}];
let sum4 = arr4.reduce((did,cur) => {
    for (let key in cur){
        if (!did.hasOwnProperty(key)){
            did[key] = 0;
        } else {
            did[key] += cur[key];
        }
    }
    return did;
},{});
console.log(sum4);

//5、二维数组转化为一维数组
let arr5 = [1,2,[3,4,5],6,[7,8,9]];
let sum5 = arr5.reduce((did,cur) => {
   return did.concat(cur)
},[]);
console.log(sum5);

//6、数组去重
let arr6 = [1,2,2,3,3,3];
let sum6 = arr6.reduce((did,cur) => {
    if (!did.includes(cur)){
        did.push(cur);
    }
    return did;
},[]);
console.log(sum6);