1. 首页
  2. 编程语言
  3. C
  4. JavaScript中forEach方法的三种用法

JavaScript中forEach方法的三种用法

上传者: 2023-03-09 03:37:07上传 MD文件 2.2KB 热度 17次

JavaScript中的forEach方法是一个常用的数组方法,它可以遍历数组并对每个元素执行回调函数。以下是forEach方法的三种常见用法:

1. 遍历数组并执行回调函数

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));

这个例子与上一个例子的功能相同,只是使用了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]

这个例子中,forEach方法遍历了数组numbers并对每个元素执行了一个回调函数。这个回调函数接收当前元素的值、当前元素的索引和原数组作为参数。在这个例子中,回调函数将每个元素的值乘以2,并使用索引来修改原数组。

用户评论