JavaScript基础之Array forEach使用示例

当我们学习JavaScript的时候，需要掌握数组的常用操作，其中forEach是非常常用的方法。本篇攻略将详细讲解如何使用Array forEach方法。

forEach简介

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。通过forEach方法，能够对数组中的元素进行操作，使其更加灵活。

forEach方法的参数

forEach() 方法有三个参数：

• callback： 将数组的每个元素都执行一次回调函数。callback函数具有三个参数：
• currentValue：当前处理的数组元素。
• index：当前处理的数组元素的下标。

• array：当前正在处理的数组。

• thisArg(可选)： 执行回调函数时，用作this关键字的对象。

forEach使用示例1：将数组元素打印到控制台

在这个示例中，我们将使用forEach()方法的一个简单示例。代码如下：

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

上面的代码将输出以下结果：

apple
banana
orange
peach

在这个示例中，我们只传递了一个参数作为回调函数。这里的回调函数只是简单地打印出了数组中的每个元素。

forEach使用示例2：使用thisArg参数

在这个示例中，我们将使用 thisArg 参数传递一个值作为回调函数中的 this。

我们将创建一个对象，并在其中添加一个方法，该方法使用 forEach() 方法来处理数组，并在回调函数中使用 this 关键字。let myObject = { myName: 'Alice', myArray: ['apple', 'banana', 'orange', 'peach'] };myObject.sayHello = function () { this.myArray.forEach(function (fruit) { console.log(${this.myName} likes ${fruit}.); }, this);};myObject.sayHello();

在这个示例中，我们传递了第二个 thisArg 参数，它被传递给 forEach()，并作为回调函数中的 this 关键字。在这个回调函数中，我们输出了 myName 和数组中的每个元素。

这个示例的输出应该如下：

Alice likes apple.
Alice likes banana.
Alice likes orange.
Alice likes peach.

以上就是使用Array forEach()方法的一些示例。在获得了这些基础知识之后，你可以更加灵活的使用JavaScript中的数组操作。