JavaScript中forEach方法的三种用法
JavaScript中的forEach方法是一个常用的数组方法,它可以遍历数组并对每个元素执行回调函数。以下是forEach方法的三种常见用法:
1. 遍历数组并执行回调函数
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
console.log(number);
});
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
console.log(number);
});
这个例子中,forEach方法遍历了数组numbers并对每个元素执行了一个回调函数,这个回调函数接收当前元素的值作为参数。在这个例子中,回调函数只是简单地将每个元素的值打印到控制台上。
2. 使用箭头函数简化回调函数
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(number => console.log(number));
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(number => console.log(number));
这个例子与上一个例子的功能相同,只是使用了ES6的箭头函数语法来简化回调函数的编写。
3. 使用forEach方法修改数组
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number, index, array) {
array[index] = number * 2;
});
console.log(numbers); // 输出 [2, 4, 6, 8, 10]
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number, index, array) {
array[index] = number * 2;
});
console.log(numbers); // 输出 [2, 4, 6, 8, 10]
这个例子中,forEach方法遍历了数组numbers并对每个元素执行了一个回调函数。这个回调函数接收当前元素的值、当前元素的索引和原数组作为参数。在这个例子中,回调函数将每个元素的值乘以2,并使用索引来修改原数组。
用户评论