📜  foreach 数组 javascript (1)

📅  最后修改于: 2023-12-03 14:41:18.705000             🧑  作者: Mango

使用 foreach 遍历数组 in JavaScript

在 JavaScript 中,遍历数组通常需要使用循环。而使用 forEach 可以让代码更加简洁易懂。本文将为大家介绍如何使用 forEach 遍历数组。

什么是 forEach

forEach 是 JavaScript 数组对象的一种原生方法,该方法对数组中每个元素执行指定操作,并将操作结果返回。它更加直观、简洁,容易理解。

语法
array.forEach(function(currentValue, index, arr), thisValue)

参数说明:

  • currentValue:当前迭代元素的值。
  • index:当前迭代元素的下标。
  • arr:正在处理的数组。
  • thisValue:可选,调用 function 时使用的 this 值。
示例

下面的例子演示了如何使用 forEach 遍历数组并打印出每个元素的值。

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item) {
  console.log(item);
});

输出:

1
2
3
4
5
使用箭头函数

在 ECMAScript 6 中,可以使用箭头函数进一步简化代码,例如:

let arr = [1, 2, 3, 4, 5];
arr.forEach(item => console.log(item));

输出与上例相同。

使用 break 和 continue

forEach 方法无法使用 breakcontinue 关键字来跳出循环或跳过单次循环。如果需要使用这些关键字,应该使用传统的 for 循环。

小结

forEach 方法是最常用的数组遍历方法之一,它十分直观、易懂,代码简洁。通过这篇文章,你已经了解到如何使用 forEach 遍历数组,并掌握了一些技巧。