数组高阶函数：map()、filter()、reduce()

学习下这三个函数的用法

一：使用map方法对数组的每一项进行操作

这里演示一下对指定的数组的每一项元素进行乘2

const arr = [1, 2, 3, 4, 5];
let arr2 = arr.map(item => {
    return item * 2
})
console.log(arr2)    // [2, 4, 6, 8, 10]

二：使用filter方法对数组进行去重

const arr = [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4];
let arr2 = arr.filter((item, index, obj) => {
    return obj.indexOf(item) === index
})

console.log(arr)    // [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4]
console.log(arr2)   // [1, 2, 3, 5, 4]

三：使用reduce方法对数组的每一项进行求和

const arr = [1, 2, 3, 4, 5];
let arr2 = arr.reduce((a, b) => {
    return a + b
})
console.log(arr2)    // 15

reduce方法的回调函数还可以接收参数。第一个参数是初始值，第二个参数是下一个累加的值，如下：

const arr = [1, 2, 3, 4, 5];
let arr2 = arr.reduce((a, b) => {
    return a + b
}, 10)      // 指定了初始值为10，没有指定第二个参数的情况下，下一个累加值就是原数组的第一个元素
console.log(arr2)    // 25

下面这个例子是指定了2个参数

const arr = [1, 2, 3, 4, 5];
let arr2 = arr.reduce((a, b) => {
    return a + b
}, (10,6))      // 指定了初始值为10，以及指定了下一个累加值为6。注意：多个参数要用括号
console.log(arr2)    // 21

记录完毕，睡觉zzz...