JS 中 reduce()

136 阅读1分钟

reduce()方法用于对数组进行累积操作,它可以用来求和、求积、统计元素出现次数、数组去重等。 提供一个回调函数和可选的初始值

array.reduce((prev, cur, index, arr)=> {
    /**回调函数**/
}, initialValue)//初始值(可选)

回调函数参数:

  •  prev 必需 (上一次调用回调返回的值,或者是提供的初始值(initialValue))
  •  cur 必需(数组中当前被处理的元素)
  •  index 可选 (当前元素在数组中的索引)
  •  arr 可选 (调用 reduce 的数组)

initialValue 可选 (表示初始值,作为第一次调用 callback 的第一个参数。)

提供初始值,cur 从数组第一项开始,若不提供初始值,则 cur 从第二项开始执行,对应的第一次 prev 是数组第一项的值

元素个数

<script>
    let names = ['zjz', 'ttf', 'fff', 'bbb', 'zjz'];
    let nameNum = names.reduce((pre, cur) => {
        if (cur in pre) {
            pre[cur]++
        } else {
            pre[cur] = 1
        }
        return pre
    }, {})
    console.log(nameNum); //{zjz: 2, ttf: 1, fff: 1, bbb: 1}
</script>

求和 乘积

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

####数组去重

<script>
    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]
</script>