JavaScript中map和reduce用法


1.map

map()就是接受一个函数， 然后用这个函数去处理数组中的每一个元素，然后返回，如下

1
2
3
4
5
6
7
let arr = [1, 2, 3, 4, 5]
arr = arr.map(
    (item) => {
        return item * 2
    }
)
console.log(arr)

在这里插入图片描述

2.reduce

reduce() 为数组中的每一个元素依次执行回调函数， 不包括数组中被删除或从未被赋值的元素
他有4个参数

  1. previousValue (上一次调用回调返回的值， 或者尸体提供的初始值)
  2. currentValue （数组中当前被处理的元素）
  3. index （当前元素在数组中的索引）
  4. array （调用reduce的数组）
1
2
3
4
5
6
7
8
9
let arr = [1, 2, 3, 4, 5]
let result = arr.reduce(
    (a, b) => {
        console.log("上一次处理后"+a)
        console.log("当前正在处理"+b)
        return a+b;
    }
)
console.log("最终结果"+result)

在这里插入图片描述