小时候以为万能的reduce或许真的不简单

本文主要是介绍小时候以为万能的reduce或许真的不简单，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、reduce语法

arr.reduce(callback, [initialValue])// [initialValue]并不是表示这里一定要是数组的写法，更多实际用法看下文

reduce() 方法接收一个函数作为累加器，数组中的每个值开始缩减，最终计算成为一个值。

① callback（必需。用于执行每个数组元素的函数，包含四个参数） 

previousValue （必需。初始值, 或者计算结束后的返回值。）
currentValue （必需。当前元素）
currentIndex（可选。当前元素的索引）
arr（可选。当前元素所属的数组对象。） 

② initialValue （可选。作为第一次调用 callback 的第一个参数） 

如果没有提供初始值initialValue，reduce 会从索引 1 的地方开始执行 callback 方法，跳过第一个索引。如果提供 initialValue，从索引 0 开始。

        const arr = [1, 2, 3, 4]const sum = arr.reduce((prev, cur, index, arr) => {console.log(prev, cur, index)return prev + cur}, 0) // 这里设置0和不设置0的时候打印下看看console.log(arr, sum)// 最好设置一下初始值，要不然arr为空数组的话运行就会报错

二、reduce的用法

1.数组求和，求乘积

    const arr = [1, 2, 3, 4]const sum = arr.reduce((x, y) => x + y)const mul = arr.reduce((x, y) => x * y)console.log('求和，', sum) // 10console.log('求乘积，', mul) // 24

2.计算数组中每个元素出现的次数

    const names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];const nameNum = names.reduce((prev, cur) => {if (cur in prev) {prev[cur]++} else {prev[cur] = 1}return prev}, {})console.log(nameNum) // {Alice: 2, Bob: 1, Tiff: 1, Bruce: 1}

  3.数组去重

    const arr = [1, 2, 3, 4, 4, 1, 5, 5]const arrNew = arr.reduce((prev, cur) => {if (!prev.includes(cur)) {prev.push(cur)}return prev}, [])console.log(arrNew) // [1, 2, 3, 4, 5]

4.将二维数组转化为一维 

    const arr = [[0, 1], [2, 3], [4, 5]]const arrNew = arr.reduce((prev, cur) => {return prev.concat(cur)}, [])console.log(arrNew) // [0, 1, 2, 3, 4, 5]

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]

6.对象里的属性求和

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

 

这篇关于小时候以为万能的reduce或许真的不简单的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---