JavaScript中reduce的用法

JavaScript之reduce()的用法

---

前言

本篇为文章主要总结了reduce()的用法，可能有一些难理解，可以多看几遍，然后动手实际操作。

---

一、首先了解一下什么是reduce

1、reduce() 方法接收一个函数作为累加器,reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素。（看不懂，往下看简单的实例）

语法：arr.reduce(callback,[initialValue])
callback:函数中包含四个参数
- previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
- currentValue （数组中当前被处理的元素）
- index （当前元素在数组中的索引)
- array （调用的数组）
initialValue （作为第一次调用 callback 的第一个参数。）

2、实例

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

这里的0表示的是默认第一次调用回调函数的初始参数。
如果是1的话结果就会变成16

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

3、当然也可用于数组对象中使用

const scores = [
    {
        subject: 'java',
        score: 80
    },
    {
        subject: 'python',
        score: 80
    },
    {
        subject: 'Javascript',
        score: 80
    }
];
const sum = scores.reduce((prev, cur) => {
    return prev + cur.score
}, 0)
console.log(sum)

是不是感觉明白了一些用法

二、进阶的用法

1、数组去重

var arr = [1,2,3,4,4,5,5]
var newArr = arr.reduce(function (prev, cur) {
    prev.indexOf(cur) === -1 && prev.push(cur);
    return prev;
},[]);

首先初始参数为一个空数组，然后用indexOf来判断数组中是否有数组，用push方法来将元素添加到数组中

2、将二维数组变为一维数组

var arr = [1, 2, 3, 4,[5, 6, 7]];
var res = arr.reduce((x, y) => x.concat(y), []);
console.log(res);

---

总结

如果小伙伴还有其它方法，欢迎评论探讨，如果有什么错误指正，虚心接受