JavaScript reduce的基本用法详解

reduce() 方法通过指定函数对数组元素进行累积计算，可将数组简化为单个值。它接收一个回调函数作为参数，该回调函数需要返回一个累积的结果。

基本语法

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

参数说明

• total： 必需。初始值，或者计算结束后的返回值。
• currentValue： 必需。当前元素。
• currentIndex： 可选。当前元素的下标。
• arr： 可选。当前数组。
• initialValue： 可选。传递给函数的初始值。

返回值

函数返回计算后的结果。

示例1：数组求和

const nums = [1, 2, 3, 4, 5];
const sum = nums.reduce(function(total, currentValue){
    return total + currentValue;
}, 0);
console.log(sum);  // 15

在这个案例中，初始值为0（累加器），回调函数将进行每个元素的累加计算，最终返回总和。

示例2：数组对象计算总金额

const items = [
  { name: 'item1', price: 10, quantity: 2 },
  { name: 'item2', price: 5, quantity: 5 },
  { name: 'item3', price: 20, quantity: 1 }
];
const totalPrice = items.reduce(function(total, currentItem) {
  return total + currentItem.price * currentItem.quantity;
}, 0);
console.log(totalPrice); // 60

在上面的示例中，我们要计算items数组中所有商品的总金额。回调函数中的total表示初始值，currentItem表示当前元素，通过将每一个currentItem的价格和数量进行相乘，累加到total中，最终得到总金额。

以上是reduce方法的基本用法，希望对你有所帮助！