最有用的 JavaScript 数组函数——第 1 部分

作为一名程序员，处理数组是我们日常工作的重要一部分。JavaScript 提供许多内置函数来处理数组。本文将介绍一些最有用的 JavaScript 数组函数，并向您展示如何使用它们来处理数组。

forEach

forEach 函数允许您为数组中的每个元素执行一次函数。此函数接受一个回调函数，该函数将与数组中的每个元素一起调用。下面是一个示例：

const fruits = ['apple', 'banana', 'orange'];
fruits.forEach(function(fruit) {
  console.log(fruit);
});

在上面的示例中，我们遍历了 fruits 数组，并为每个元素 console.log 到控制台。下面是上面示例的运行结果：

apple
banana
orange

map

map 函数将遍历数组中的每个元素，并返回新的数组，该数组中包含通过每个元素的回调函数所执行的结果。这个函数不改变原始数组。下面是一个示例：

const numbers = [1, 2, 3];
const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});
console.log(doubledNumbers);

在上面的示例中，我们遍历 numbers 数组，并使用回调函数将数组中的每个数字乘以 2。我们将每个数字的翻倍值存储在名为 doubledNumbers 的新数组中。下面是上面示例的运行结果：

[2, 4, 6]

filter

filter 函数将遍历数组中的每个元素，并返回包含仅符合 true 条件的元素的新数组。这个函数不改变原始数组。下面是一个示例：

const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers);

在上面的示例中，我们遍历 numbers 数组，并使用回调函数来确定每个元素是否为偶数。我们将每个偶数值存储在名为 evenNumbers 的新数组中。下面是上面示例的运行结果：

[2, 4, 6]

reduce

reduce 函数将通过对数组中的每个元素应用回调函数来返回单个值。此函数接受两个参数：一个回调函数和一个可选的起始值。下面是一个示例：

const numbers = [1, 2, 3];
const sum = numbers.reduce(function(total, number) {
  return total + number;
}, 0);
console.log(sum);

在上面的示例中，我们使用 reduce 函数遍历 numbers 数组，并将每个值添加到一个累加器变量中。我们的起始值为 0。下面是上面示例的运行结果：

6

结论

在本文中，我们通过介绍 JavaScript 的一些最有用的数组函数，向你展示了如何使用它们来处理数组。无论您是在编写 Web 应用程序还是在开发 Node.js 服务器端代码，这些函数都将成为您的好伴侣。在下一篇文章中，我们将继续介绍更多的 JavaScript 数组函数。