JavaScript 中 forEach() 遍历305


简介forEach() 方法用于遍历数组的每个元素,执行提供的回调函数。它是一种简洁、高效的方法,可以针对数组中的每个元素执行特定操作。

语法```
(callbackFunction)
```

参数* `callbackFunction`: 对数组中每个元素执行的函数。它接受三个参数:
* `currentValue`: 当前元素的值
* `index`: 当前元素的索引
* `array`: 正在遍历的数组

回调函数回调函数是 foreach() 方法中执行的代码块。它接收三个参数,其中 `currentValue` 是当前元素的值,`index` 是当前元素的索引,`array` 是正在遍历的数组。

示例```
const numbers = [1, 2, 3, 4, 5];
// 打印每个数字
(number => (number));
// 计算数字总和
let sum = 0;
(number => sum += number);
```

遍历对象forEach() 方法专门用于遍历数组。但是,我们可以使用 `()` 将对象转换为数组,然后遍历对象的 key,如下所示:
```
const person = {
name: 'John Doe',
age: 30,
city: 'New York'
};
(person).forEach(key => (`${key}: ${person[key]}`));
```

嵌套遍历forEach() 方法可以用于遍历嵌套数组。在以下示例中,我们遍历一个二维数组:
```
const nestedArray = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
(row => {
(element => (element));
});
```

替代方法forEach() 方法是遍历数组的最简洁、最推荐的方法。但是,还有其他替代方法,例如:
* for 循环:更传统的遍历方法
* ():返回一个新数组,其中包含调用回调函数后每个元素的值
* ():将数组元素累积为一个单一值

性能forEach() 方法在现代浏览器中非常高效。但是,对于非常大的数组,for 循环有时可能更快。

结论forEach() 方法是遍历 JavaScript 数组的强大工具。它语法简洁、高效,并且可以遍历嵌套数组。它是遍历数组时的首选方法,因为它易于使用并提供了良好的性能。

2024-12-10


上一篇:JavaScript 中的小数操作指南

下一篇:Web 与 JavaScript:交互式网站的基石