JavaScript forEach()遍历函数使用及介绍-JavaScript中文网-JavaScript教程资源分享门户

什么是 forEach() 函数？

forEach() 是 JavaScript 中的一个高阶函数，用于遍历数组中的每个元素并执行指定的函数。它是 ES5 中引入的一种循环迭代方法，可以用于代替传统的 for 循环。

forEach() 函数使用示例

以下是一个简单的 forEach() 函数使用示例：

const arr = [1, 2, 3, 4, 5];

arr.forEach((item) => {
  console.log(item);
});

上述代码将输出数组 arr 中的每个元素，即数字 1 到 5。

forEach() 函数的参数

forEach() 函数接受两个参数：一个回调函数和一个可选的上下文对象（也称为 this 值）。

回调函数

回调函数是 forEach() 函数中必需的参数，它定义了要对每个元素执行的操作。回调函数接受三个参数：

当前处理的数组元素。
数组元素的索引。
要遍历的数组。

以下是回调函数的基本语法：

arr.forEach(function(item, index, array){
  // 在这里执行针对当前元素的操作
});

也可以使用箭头函数代替匿名函数，如下所示：

arr.forEach((item, index, array) => {
  // 在这里执行针对当前元素的操作
});

上下文对象

forEach() 函数的第二个可选参数是一个上下文对象，它可以用来设置回调函数中 this 的值。

以下是使用上下文对象的示例代码：

-- -------------------- ---- -------
----- --- - -
  -------- -------------- -
    ------------------
  -
--

--- -- ------------------------- -
  -------------------
-- -----

上述代码将在控制台输出数字 1 到 3。

forEach() 函数与传统循环语句的比较

forEach() 函数和传统的 for 循环语句都可以用来遍历数组。下面是两者之间的比较：

`for` 循环语句

for (let i=0; i<arr.length; i++) {
  console.log(arr[i]);
}

`forEach()` 函数

arr.forEach((item) => {
  console.log(item);
});

相对于传统的 for 循环语句，forEach() 函数更加简洁，并且可以使用箭头函数来定义回调函数，使得代码更加易读。

总结

forEach() 函数是 JavaScript 中常用的一种遍历数组的方法。它可以用来代替传统的 for 循环语句，并且具有更加简洁和易读的优点。在使用 forEach() 函数时，需要注意回调函数的参数和上下文对象的设置。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/3578

JavaScript forEach()遍历函数使用及介绍