reduce函数
今天学到了一个用reduce处理数组数据的一个函数reduce，给大家分享一下
reduce() 是 JavaScript 的数组方法，它用于将数组中的每个元素归并成一个单一的输出值。这个方法接收一个回调函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。
reduce() 的基本语法如下：
arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])callback：执行数组中每个值的函数，包含四个参数：accumulator：累加器累积回调的返回值；它是上一次调用回调时返回的累积值。currentValue：数组中正在处理的元素。index：（可选）数组中正在处理的元素的索引。如果提供了initialValue，则索引为 0，否则为 1。array：（可选）调用reduce()的数组。
initialValue：（可选）作为第一次调用callback函数时的第一个参数的值。如果没有提供初始值，则将使用数组中的第一个元素。在没有初始值的空数组上调用reduce将报错。
当数组包含对象时，reduce() 函数仍然可以工作，并且实际上在处理这种类型的数据时非常有用。你可以根据对象的属性进行累积计算，或者根据特定条件构建新的对象结构。
以下是一个数组包含对象，并使用 reduce() 函数对其进行处理的示例：
假设你有一个对象数组，每个对象表示一个商品，具有 name 和 price 属性，你想要计算所有商品的总价。
const products = [
{ name: 'Apple', price: 1.2 },
{ name: 'Banana', price: 0.5 },
{ name: 'Cherry', price: 0.8 },
];
// 使用 reduce 计算总价
const totalPrice = products.reduce((accumulator, currentValue) => {
return accumulator + currentValue.price;
}, 0);
console.log(totalPrice); // 输出总价在上面的例子中，reduce() 函数的回调函数接收当前的累积值（accumulator）和当前处理的对象（currentValue）。累积值初始化为 0（这是 reduce() 的第二个参数），然后在每次迭代中加上当前商品的价格。最终，reduce() 返回所有商品价格的总和。
如果你想要根据数组中的对象构建一个新的对象，例如，你想要创建一个以商品名称为键，以价格为值的对象，你可以这样做：
const products = [
{ name: 'Apple', price: 1.2 },
{ name: 'Banana', price: 0.5 },
{ name: 'Cherry', price: 0.8 },
];
// 使用 reduce 构建一个价格对象
const priceObject = products.reduce((accumulator, currentValue) => {
accumulator[currentValue.name] = currentValue.price;
return accumulator;
}, {});
console.log(priceObject); // 输出: { Apple: 1.2, Banana: 0.5, Cherry: 0.8 }在这个例子中，reduce() 函数的回调函数将当前商品的价格添加到累积对象（accumulator）中，该对象以商品名称为键。累积对象初始化为一个空对象（这是 reduce() 的第二个参数），并在每次迭代中更新。最终，reduce() 返回构建好的价格对象。
原文地址：https://blog.csdn.net/Mxy18851251178/article/details/136944416
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！