📜  数组 Foreach 循环 - Javascript (1)

📅  最后修改于: 2023-12-03 15:10:21.128000             🧑  作者: Mango

数组 Foreach 循环 - Javascript

在Javascript中,我们经常需要遍历数组并执行某些操作。数组 Foreach 循环是一种简单而有效的方法,它可以遍历数组中的每个元素,并对每个元素执行指定的代码块。

语法

下面是数组 Foreach 循环的语法:

array.forEach(function(currentValue, index, array) {
  // Code block to be executed
}, this);

此处,array是要遍历的数组,currentValue是当前正在处理的元素,index是当前元素在数组中的索引,array是当前数组自身。this参数可选,它定义要用作当前对象的值。

示例

下面是一个遍历数组并输出每个元素的示例代码:

var arr = ["apple", "banana", "orange"];

arr.forEach(function(fruit) {
  console.log(fruit);
});

输出结果:

"apple"
"banana"
"orange"
使用箭头函数

除了使用常规函数方法之外,您还可以使用箭头函数来执行代码块。以下是相同示例的箭头函数实现:

var arr = ["apple", "banana", "orange"];

arr.forEach(fruit => console.log(fruit));

输出结果:

"apple"
"banana"
"orange"
在循环中改变数组元素

使用 Foreach 循环遍历数组时,您可以更改数组中的当前元素。以下是一个示例,该示例将数组中的每个元素都乘以2:

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

arr.forEach(function(element, index, array) {
  array[index] = element * 2;
});

console.log(arr); // 输出 [2, 4, 6, 8, 10]
结论

数组 Foreach 循环是遍历数组并执行上述操作的快速、简单、有效的方法之一。它是 Javascript 中一个非常有用的功能,使用它,您可以迅速地处理数据,并在遍历期间执行延迟加载等操作。