ES6 |数组 forEach() 方法

在ES6中，Array的forEach()方法是一个非常有用的工具，它可以轻松地让我们在数组中遍历每个元素。在这篇文章中，我们将深入研究forEach()的功能和用法。

forEach()方法的语法

forEach()是一个Array对象的方法，它接受一个函数作为参数。这个函数会对数组中的每一个元素进行操作。其中，函数的参数包括三个：当前元素的值、当前元素的索引和整个数组对象。

array.forEach(function(currentValue, index, array) {
  // 对当前元素进行操作
});

如何使用forEach()方法

在实际编程中，forEach()方法通常用于遍历数组并执行某些操作。下面是一个使用forEach()方法的例子，它会输出数组中的每个元素。

var fruits = ["apple", "banana", "orange", "grape"];

fruits.forEach(function(fruit) {
  console.log(fruit);
});

输出结果为：

apple
banana
orange
grape

forEach()方法和for循环的比较

和for循环不同，forEach()方法是一个高阶函数，也就是说，它接受一个函数作为参数。这种方式在代码可读性和可维护性方面具有很大的优势。因此，在可以使用forEach()方法的情况下，我们建议使用它来进行数组操作。

此外，使用forEach()方法还有一个重要的好处，那就是它能够在代码中减少一些不必要的迭代器变量。这些变量可能很容易引起各种正确性问题，因此使用forEach()方法可以避免这些问题的发生。

forEach()方法和箭头函数的结合使用

在ES6中，我们可以使用箭头函数来简化forEach()方法的代码。下面是一个使用箭头函数的例子。

var fruits = ["apple", "banana", "orange", "grape"];

fruits.forEach(fruit => console.log(fruit));

输出结果和之前的例子是一样的。

forEach()方法和对象的使用

在forEach()方法中，我们可以对数组中的每个元素进行任何操作，包括对对象的操作。下面是一个使用forEach()方法和对象的例子。

var students = [
  { name: "Tom", age: 18 },
  { name: "Jerry", age: 20 },
  { name: "Jack", age: 22 }
];

students.forEach(function(student) {
  console.log(student.name + " is " + student.age + " years old.");
});

输出结果为：

Tom is 18 years old.
Jerry is 20 years old.
Jack is 22 years old.

总结

在ES6中，forEach()方法是一个极其有用的数组方法。它可以极大地简化代码，并且可以对数组中的每个元素进行任何操作。在日常编程中，我们建议优先使用forEach()方法来进行数组操作。