当我们学习JavaScript的时候,需要掌握数组的常用操作,其中forEach是非常常用的方法。本篇攻略将详细讲解如何使用Array forEach方法。
forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。通过forEach方法,能够对数组中的元素进行操作,使其更加灵活。
forEach() 方法有三个参数:
array:当前正在处理的数组。
thisArg(可选): 执行回调函数时,用作this关键字的对象。
在这个示例中,我们将使用forEach()方法的一个简单示例。代码如下:
var fruits = ['apple', 'banana', 'orange', 'peach'];
fruits.forEach(function(fruit) {
console.log(fruit);
});
上面的代码将输出以下结果:
apple
banana
orange
peach
在这个示例中,我们只传递了一个参数作为回调函数。这里的回调函数只是简单地打印出了数组中的每个元素。
在这个示例中,我们将使用 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中的数组操作。
本文链接:http://task.lmcjl.com/news/11586.html