.map、.every 和 .forEach 之间有什么区别

Java

介绍

在JavaScript中，.map、.every和.forEach都是用于遍历数组的方法。它们在功能和用法上有所不同，本文将对它们进行详细比较。

.map方法

.map方法用于遍历数组的每个元素，并将每个元素传递给一个回调函数，然后返回一个新的数组，新数组的元素是回调函数的返回值。.map方法不会改变原始数组。

下面是一个使用.map方法的示例代码：

Javascript
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(num => num ** 2);
console.log(squaredNumbers); // 输出：[1, 4, 9, 16, 25]

在上面的例子中，我们使用.map方法将numbers数组中的每个元素平方，并将结果存储在squaredNumbers数组中。

.every方法

.every方法用于检查数组中的每个元素是否满足某个条件。它接受一个回调函数作为参数，该回调函数返回一个布尔值。如果数组中的所有元素都满足条件，.every方法将返回true，否则返回false。

下面是一个使用.every方法的示例代码：

Javascript
const numbers = [1, 2, 3, 4, 5];
const isPositive = numbers.every(num => num > 0);
console.log(isPositive); // 输出：true

在上面的例子中，我们使用.every方法检查numbers数组中的每个元素是否大于0。由于所有元素都大于0，所以返回结果为true。

.forEach方法

.forEach方法用于遍历数组的每个元素，并对每个元素执行一次回调函数。.forEach方法没有返回值，它只是对数组进行迭代操作。

下面是一个使用.forEach方法的示例代码：

Javascript
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(num => console.log(num));
// 输出：
// 1
// 2
// 3
// 4
// 5

在上面的例子中，我们使用.forEach方法遍历numbers数组，并将每个元素打印到控制台。

比较

现在我们来比较一下.map、.every和.forEach之间的区别。

.map vs .forEach

.map方法会返回一个新的数组，其中的元素是回调函数的返回值。而.forEach方法没有返回值，它只是对数组进行迭代操作。

例如，如果我们想要将数组中的每个元素乘以2，并将结果存储在新数组中，我们应该使用.map方法。而如果我们只是想对数组进行简单的迭代操作，例如打印每个元素，我们应该使用.forEach方法。

.every vs .forEach

.every方法用于检查数组中的每个元素是否满足某个条件，它返回一个布尔值。而.forEach方法只是对数组进行迭代操作，没有返回值。

例如，如果我们想要检查数组中的所有元素是否大于0，我们应该使用.every方法。而如果我们只是想对数组进行简单的迭代操作，例如打印每个元素，我们应该使用.forEach方法。

在本文中，我们比较了.map、.every和.forEach这三个遍历数组的方法。.map方法用于遍历数组并返回一个新的数组，.every方法用于检查数组中的每个元素是否满足条件，而.forEach方法只是对数组进行迭代操作。根据具体的需求，我们可以选择合适的方法来操作数组。