js如何利用reduce函数对数组进行累加

2024年07月21日 建站教程

reduce方法接收两个参数:一个回调函数和可选的默认值。回调函数在每次迭代时被调用,并具有四个参数:累积值、当前元素、当前索引和数组本身。累积值是上一次回调返回的值,如果没有则默认为第二个参数(默认值)。如果没有提供默认值,则默认为数组的第一个元素。通过合理使用reduce方法,可以显著减少代码量并提高代码的可读性。

具体实现代码如下:

//利用reduce实现filter方法
const arr = ["小米", "小明", 1, 2, "A", "B"];

//定义第二个参数的默认值为一个数组
const newArr = arr.reduce((acc, cur, index) => {
  typeof cur === "string" && acc.push(cur);
  return acc;
}, []);
console.log('输出结果1:', newArr); //输出结果1: (4) ['小米', '小明', 'A', 'B']

//利用reduce实现数字的求和,第二个参数默认定义0 number类型
const newArr = arr.reduce((acc, cur, index) => {
  typeof cur === "number" && (acc += cur);
  return acc;
}, 0);
console.log('输出结果2:', newArr); //输出结果2: 3

本文链接:http://so.lmcjl.com/news/8875/

展开阅读全文