四个 JavaScript 中 array.reduce() 数组方法的实用案例

在 JavaScript 中，array.reduce() 是一个强大的数组方法，它允许我们将数组中的元素组合为一个值。以下是四个实用的案例，展示其在不同场景中的应用。

案例一：计算数组元素的总和

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); 

在这个例子中，accumulator 初始值为 0 ，然后依次加上数组中的每个元素。

案例二：连接数组中的字符串

const words = ['Hello', 'World', '!'];
const sentence = words.reduce((accumulator, currentValue) => accumulator +' '+ currentValue);
console.log(sentence); 

通过不断将当前字符串添加到累加器，实现了字符串的连接。

案例三：找出数组中的最大值

const values = [5, 10, 15, 20, 25];
const maxValue = values.reduce((max, current) => (current > max? current : max), values[0]);
console.log(maxValue); 

这里初始的最大值为数组的第一个元素，然后在每次迭代中更新最大值。

案例四：对象数组的属性求和

const students = [
  { name: 'Alice', score: 80 },
  { name: 'Bob', score: 90 },
  { name: 'Charlie', score: 75 }
];

const totalScore = students.reduce((total, student) => total + student.score, 0);
console.log(totalScore); 

以上就是 array.reduce() 方法的四个实用案例，它为我们处理数组数据提供了一种简洁而高效的方式，帮助我们解决各种复杂的计算和数据处理任务。通过灵活运用这个方法，可以使我们的 JavaScript 代码更加简洁和优雅。