JavaScript ES5标准中新增的Array方法

在JavaScript ES5标准中，引入了许多有用的Array方法，这些方法为操作数组提供了更多更灵活的选项。在这篇文章中，我们将会一步步来介绍ES5标准中新增的Array方法，并提供具体的代码示例。

1. forEach()

这是在JavaScript ES5标准中新增的一个Array方法，可以用于迭代一个数组并对其中的每个元素执行一个回调函数。forEach()方法可以接收一个回调函数作为参数，该回调函数可以接收三个参数：当前元素的值、当前元素的索引和整个数组。

下面是一个使用forEach()方法来循环一个数组的示例代码：

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

arr.forEach(function(item, index, array) {
  console.log(item, index, array);
});

该代码将输出以下结果：

1 0 [1, 2, 3, 4, 5]
2 1 [1, 2, 3, 4, 5]
3 2 [1, 2, 3, 4, 5]
4 3 [1, 2, 3, 4, 5]
5 4 [1, 2, 3, 4, 5]

2. map()

常见的数据处理操作是将一个数组中的每个元素映射到另一个数组中的新元素，这时可以使用map()方法来完成。map() 方法会创建一个新数组，并且遍历原数组中的每一个元素，通过回调函数返回新的元素，最终得到的新数组的长度和原数组相同。

下面是一个使用map()方法来操作一个数组的示例代码：

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

const newArr = arr.map(function(item) {
  return item * 2;
});

console.log(newArr);

该代码将输出以下结果：

[2, 4, 6, 8, 10]

3. filter()

如果想从一个数组中筛选出符合特定条件的元素，可以使用filter()方法。filter()方法会创建一个新数组，筛选出原数组中符合条件的元素，并返回这些元素组成的新数组。

下面是一个使用filter()方法来筛选一个数组的示例代码：

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

const newArr = arr.filter(function(item) {
  return item > 2;
});

console.log(newArr);

该代码将输出以下结果：

[3, 4, 5]

4. reduce()

另一个常用的数组方法是reduce()，它可以将一个数组中的所有元素合并为一个新值。 reduce()方法接收一个回调函数作为参数，这个回调函数可以传递两个参数：一个累加器和当前元素值。在每次循环过程中，累加器的值被更新，最终返回最终值。

下面是一个使用reduce()方法来操作一个数组的示例代码：

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

const sum = arr.reduce(function(total, item) {
  return total + item;
}, 0);

console.log(sum);

该代码将输出以下结果：

15

以上就是ES5标准中新增的Array方法的完整攻略，其中包括4个常见的方法：forEach()、map()、filter()和reduce()。在实际开发过程中，可以根据不同的场景选择不同的方法，方便的操作数组的元素。