提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

reduce方法的使用

方法 使用 reduce
2023-06-13 09:18:28 时间

认识reduce 语法：arr.reduce(callbackFn,[initialValue])

callbackFn : 一个 “reducer” 函数，包含四个参数：

  1. previousValue：上一次调用 callbackFn 时的返回值。在第一次调用时，若指定了初始值 initialValue，其值则为 initialValue，否则为数组索引为 0 的元素 array[0]
  2. currentValue：数组中正在处理的元素。在第一次调用时，若指定了初始值 initialValue，其值则为数组索引为 0 的元素 array[0]，否则为 array[1]。
  3. currentIndex：数组中正在处理的元素的索引。若指定了初始值 initialValue，则起始索引号为 0，否则从索引 1 起始。
  4. [ 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))

相关文章