reduce()用法总结，二维数组转一维数组，多维数组转一维数组

拼搏现实的明天。 2022-10-12 04:22 256阅读 0赞

链接：https://zhuanlan.zhihu.com/p/65235741

[https://blog.csdn.net/hbwang\_716/article/details/105156431][https_blog.csdn.net_hbwang_716_article_details_105156431]

### **定义** ###

`reduce()`方法对数组中的每个元素执行一个由您提供的`reducer`函数(升序执行)，将其结果汇总为单个返回值。语法为：

array.reduce(function(accumulator, currentValue, currentIndex, arr), initialValue);
    /*
      accumulator:  必需。累计器
      currentValue: 必需。当前元素
      
      currentIndex: 可选。当前元素的索引；                    
      arr:          可选。要处理的数组
      initialValue: 可选。传递给函数的初始值，相当于accumulator的初始值 默认'',求和写 0 数组写 []     
      对象写{}
    */

### **解释** ###

简单来说就是对一个`array`执行`reduce()`方法，就是把其中的`function()`挨个地作用于`array`中的元素上，**而且上一次的输出会作为下一次的一个输入**。例如下面这个对`array`求和的例子。

let array = [1, 2, 3, 4, 5];
    array.reduce((sum, curr) => sum + curr, 0); // 得到15

执行流程图如下：

![1449e7827c9550d0e94b3e27095a92fc.png][]

令`f（a, b）= a + b`， 也可以一次性写为：

`array.reduce = f( f( f( f( f(0, 1) ,2) ,3), 4) ,5)`

**奉上一个GIF**

![52ed0b1da88462cbd64eeecbd537c658.gif][]

### **常见用法** ###

### **求加法（乘法同理）** ###

let arr = [1, 2, 3, 4, 5];
    arr.reduce((sum, curr) => sum + curr, 0);       // 得到15

此基础上还可以求平均值

### **求最大值（最小值同理）** ###

let arr = [23,123,342,12];
    let max = arr.reduce((pre,cur,index,arr) => {
      return pre > cur ? pre : cur
    },0);                                               // 得到 342

### **将字符串转换为整数** ###

let str = "4321"
    
    let strParseInt = str.split('')                   // 得到 ['4', '3', '2', '1', '4']
        .map(item => {return item.charCodeAt() - 48}) // 得到 [4, 3, 2, 1, 4]
        .reduce((a, b) => {return a * 10 + b})        // 得到 43214

### **字符统计/单词统计同理** ###

let str = 'abcdaabc';
    
    str.split('').reduce((res, cur) => {
        res[cur] ? res[cur] ++ : res[cur] = 1 // 如果cur第一次出现，记为1
        return res;                           // 否则记录数+1
    }, {})                                    // 得到 {a: 3, b: 2, c: 2, d: 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
        }
    },[])                                     // 得到 [1, 2, 3, 4]

**数组维度转换**

let arr = [[0, 1], [2, 3], [4, 5]]      // 二维数组
    let newArr = arr.reduce((pre,cur) => {
        return pre.concat(cur)              // 合并pre 与 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]

**对象里的属性求和**

[https_blog.csdn.net_hbwang_716_article_details_105156431]: https://blog.csdn.net/hbwang_716/article/details/105156431
[1449e7827c9550d0e94b3e27095a92fc.png]: /images/20221005/4a7bc8f857de478d850efdfd2b9d22da.png
[52ed0b1da88462cbd64eeecbd537c658.gif]: /images/20221005/d3d591c66ace41269e42f813f4e25571.png