ES6数组如何求平均数

在JavaScript的ES6（ECMAScript 2015）中，数组操作变得更加简洁和强大。求数组的平均数是日常开发中常见的需求，本文将介绍如何使用ES6的特性来实现这一功能。

1. 使用reduce方法

reduce是ES5引入的数组方法，但在ES6中依然非常有用。它可以将数组中的元素累积为一个单一的值。我们可以利用reduce来计算数组的总和，然后除以数组的长度来得到平均数。

const numbers = [1, 2, 3, 4, 5];

const average = numbers.reduce((acc, curr) => acc + curr, 0) / numbers.length;

console.log(average); // 输出: 3

解释：

• reduce方法接受一个回调函数和一个初始值（这里是0）。
• 回调函数的第一个参数acc是累积值，第二个参数curr是当前元素。
• 每次迭代都将当前元素加到累积值上。
• 最后，将总和除以数组的长度得到平均数。

2. 使用forEach方法

forEach是ES5引入的数组方法，用于遍历数组中的每个元素。我们可以使用forEach来计算数组的总和，然后求平均数。

const numbers = [1, 2, 3, 4, 5];
let sum = 0;

numbers.forEach(num => {
  sum += num;
});

const average = sum / numbers.length;

console.log(average); // 输出: 3

解释：

• forEach方法遍历数组中的每个元素，并将其加到sum变量中。
• 最后，将总和除以数组的长度得到平均数。

3. 使用map和reduce方法

虽然map方法通常用于映射数组中的每个元素，但我们可以结合map和reduce来计算平均数。

const numbers = [1, 2, 3, 4, 5];

const average = numbers.map(num => num).reduce((acc, curr) => acc + curr, 0) / numbers.length;

console.log(average); // 输出: 3

解释：

• map方法将数组中的每个元素映射为自身（这里没有实际变化）。
• reduce方法将映射后的数组元素累加，然后除以数组长度得到平均数。

4. 使用for...of循环

ES6引入了for...of循环，可以更简洁地遍历数组中的元素。

const numbers = [1, 2, 3, 4, 5];
let sum = 0;

for (const num of numbers) {
  sum += num;
}

const average = sum / numbers.length;

console.log(average); // 输出: 3

解释：

• for...of循环遍历数组中的每个元素，并将其加到sum变量中。
• 最后，将总和除以数组的长度得到平均数。

5. 使用Array.prototype扩展

如果你经常需要计算数组的平均数，可以考虑扩展Array.prototype，添加一个average方法。

Array.prototype.average = function() {
  return this.reduce((acc, curr) => acc + curr, 0) / this.length;
};

const numbers = [1, 2, 3, 4, 5];
const average = numbers.average();

console.log(average); // 输出: 3

解释：

• 通过扩展Array.prototype，所有数组实例都可以调用average方法。
• average方法内部使用reduce来计算平均数。

总结

在ES6中，求数组的平均数有多种方法，每种方法都有其适用的场景。reduce方法是最常用的方式，因为它简洁且功能强大。forEach和for...of循环则更适合需要更复杂逻辑的场景。如果你经常需要计算平均数，扩展Array.prototype也是一个不错的选择。

无论选择哪种方法，理解其背后的原理和适用场景都是非常重要的。希望本文能帮助你更好地掌握ES6中数组操作的相关知识。