reduce()方法：求和求乘积数组中每个元素出现的次数去重二维和多维数组转为一维数组

Posted 2021-09-13 William_Wang

作用：

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
reduce() 可以作为一个高阶函数，用于函数的 compose。
常被用来求和与求乘积

语法：

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

• total，必需。初始值, 或者计算结束后的返回值。
• currentValue，必需。当前元素
• currentIndex，可选。当前元素的索引
• arr，可选。当前元素所属的数组对象。
• initialValue,可选。传递给函数的初始值(默认为第一个数值）

注意：

reduce() 对于空数组是不会执行回调函数的。

实例：

//求和
let arr= [1,2,3,4]; 
let data1 = arr.reduce((prev, cur, index, arr) => {
    console.log(prev, cur, index);
    return prev + cur;
})
console.log(arr,data1)
//打印结果：
1 2 1
3 3 2
6 4 3
[1, 2, 3, 4] 10

//乘积
let data2 = arr.reduce((prev, cur, index, arr) => {
    console.log(prev, cur, index);
    return prev * cur;
})
console.log(arr,data2)
//打印结果：
1 2 1
5 2 3 2
5 6 4 3
[1, 2, 3, 4] 24

拓展：

//计算数组中每个元素出现的次数
let names = [\'Alice\', \'Bob\', \'Tiff\', \'Bruce\', \'Alice\'];
let nameNum = names.reduce((pre,cur)=>{
  if(cur in pre){
    pre[cur]++
  }else{
    pre[cur] = 1 
  }
  return pre
},{})
console.log(nameNum); //{Alice: 2, Bob: 1, Tiff: 1, Bruce: 1}

//数组去重
let arr = [1,2,3,4,4,1]
let newArr = arr.reduce((pre,cur)=>{
    if(!pre.includes(cur)){
      return pre.concat(cur)
    }else{
      return pre
    }
},[])
console.log(newArr);// [1, 2, 3, 4]

//将二维数组转化为一维
let arr = [[0, 1], [2, 3], [4, 5]]
let newArr = arr.reduce((pre,cur)=>{
    return pre.concat(cur)
},[])
console.log(newArr); // [0, 1, 2, 3, 4, 5]

//将多维数组转化为一维
let arr = [[0, 1], [2, 3], [4,[5,6,7]]]
const newArr = function(arr){
   return arr.reduce((pre,cur)=>pre.concat(Array.isArray(cur)?newArr(cur):cur),[])
}
console.log(newArr(arr)); //[0, 1, 2, 3, 4, 5, 6, 7]

//对象里的属性求和
var result = [
    {
        subject: \'math\',
        score: 10
    },
    {
        subject: \'chinese\',
        score: 20
    },
    {
        subject: \'english\',
        score: 30
    }
];
var sum = result.reduce(function(prev, cur) {
    return cur.score + prev;
}, 0);
console.log(sum) //60