如何在 JavaScript 中迭代数组？

在 JavaScript 中的数组上循环（针对每个）

JavaScript 中的数组是值的有序集合，您可以使用各种方法迭代它们。以下是关键方法：

特定于正版数组

1. For-of 循​​环 (ES2015 )

此方法使用隐式迭代器，非常适合简单的异步操作：

const a = ["a", "b", "c"];
for (const element of a) {
    console.log(element);
}
// Output:
// a
// b
// c

2. ForEach 和相关 (ES5 )

此方法为数组中的每个元素调用回调函数：

a.forEach(element => {
    console.log(element);
});
// Output:
// a
// b
// c

3.简单的 For 循环

这种传统方法提供对元素及其索引的直接访问：

for (let index = 0; index < a.length; ++index) {
    const element = a[index];
    console.log(element);
}
// Output:
// a
// b
// c

4。 For-in（谨慎使用）

For-in 应与保护措施一起使用，以避免继承属性的潜在问题：

for (const propertyName in a) {
    if (a.hasOwnProperty(propertyName)) {
        const element = a[propertyName];
        console.log(element);
    }
}
// Output:
// a
// b
// c

泛化为类数组对象

除了真正的数组之外，这些方法还可以应用于类似数组的对象，例如参数、可迭代对象（ES2015）、DOM 集合、 等等。请记住以下注意事项：

• 参数对象： 使用 for-of 循​​环或显式迭代器，因为 for-each 和 for 循环将无法正常工作。
• 可迭代对象： 使用 for-of 循​​环或显式迭代器。
• DOM 集合： 使用 for-of 循​​环或显式迭代器。

以上是如何在 JavaScript 中迭代数组？的详细内容。更多信息请关注PHP中文网其他相关文章！