reduce方法的使用

且陶陶

发布于 2023-04-12 15:51:34

4460

发布于 2023-04-12 15:51:34

文章被收录于专栏：Triciaの小世界

认识reduce 语法：arr.reduce(callbackFn,[initialValue])
callbackFn : 一个 “reducer” 函数，包含四个参数：

previousValue：上一次调用 callbackFn 时的返回值。在第一次调用时，若指定了初始值 initialValue，其值则为 initialValue，否则为数组索引为 0 的元素 array[0]
currentValue：数组中正在处理的元素。在第一次调用时，若指定了初始值 initialValue，其值则为数组索引为 0 的元素 array[0]，否则为 array[1]。
currentIndex：数组中正在处理的元素的索引。若指定了初始值 initialValue，则起始索引号为 0，否则从索引 1 起始。
[ initialValue] 可选作为第一次调用 callback 函数时参数 previousValue 的值。

若指定了初始值 initialValue，则 currentValue 则将使用数组第一个元素；
否则 previousValue 将使用数组第一个元素，而 currentValue 将使用数组第二个元素。 array：用于遍历的数组。

数组求和，求乘积

const arr = [1, 2, 3, 4]
// 累加
const sum = arr.reduce((prev, curr) => prev + curr)
console.log(sum)
// 累乘
const mul = arr.reduce((prev, curr) => prev * curr)
console.log(mul)

计算数组元素出现的次数

const arr = [1, 2, 2, 3, 4, 5, 4, 4, 1]
const arrNum = arr.reduce((prev, curr) => {
  if (curr in prev) {
    prev[curr]++
  } else {
    prev[curr] = 1
  }
  return prev
}, {}) // prev的初始值是一个空对象，将数组元素作为对象的属性名传入
console.log(arrNum)

数组去重

const arr = [1, 2, 2, 3, 4, 5, 4, 4, 1]
const newArr = arr.reduce((prev, curr) => {
  if (!prev.includes(curr)) {
    // prev的初始值是一个空数组，判断如果这个新数组中不包含原数组的元素时
    prev.push(curr)
  }
  return prev
}, [])
console.log(newArr)

数组降维

// 多维数组转化一维

let arr = [
  [0, 1],
  [2, 3],
  [4, [5, 6, 7]],
]
const newArr = (arr) => {
  return arr.reduce(
    // 判断arr中的项是否是一个数组，如果是的话就直接合并数组，不是就递归这个方法
    (prev, curr) => prev.concat(Array.isArray(curr) ? newArr(curr) : curr),
    []
  )
}
console.log(newArr(arr))

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-03-13，如有侵权请联系 cloudcommunity@tencent.com 删除

reduce