如何在 JavaScript 中高效地迭代数组和类数组对象？

在 JavaScript 中循环遍历数组

在 JavaScript 中，有多种方法可以迭代数组的元素：

循环正版数组

• For-of 循​​环 (ES2015 ):

for (const element of theArray) {
    // Use `element`...
}

• forEach (ES5) ):

theArray.forEach(element => {
    // Use `element`...
});

• 简单的 For 循环：

for (let index = 0; index < theArray.length; ++index) {
    const element = theArray[index];
    // Use `element`...
}

• For-在（与保护措施）：

for (const propertyName in theArray) {
    if (/*...is an array element property (see below)...*/) {
        const element = theArray[propertyName];
        // Use `element`...
    }
}

循环类似数组的对象

• For-of 循​​环（ES2015 ):

for (const element of arrayLike) {
    // Use `element`...
}

• forEach (ES5 ):

arrayLike.forEach(element => {
    // Use `element`...
});

• 简单For 循环（带有注意）：

for (let index = 0; index < arrayLike.length; ++index) {
    // Note: `arrayLike.length` may not be reliable.
    if (arrayLike.hasOwnProperty(index)) {
        const element = arrayLike[index];
        // Use `element`...
    }
}

• Array.from 和 For-of循环：

const arrayLikeItems = Array.from(arrayLike);
for (const element of arrayLikeItems) {
    // Use `element`...
}

建议

• 对于真正的数组，如果你的回调是一个，请使用 for-of 循​​环或 forEach简单的同步函数。
• 对于类似数组的对象，请谨慎使用 for-of 循​​环，并考虑首先使用 Array.from() 创建一个真正的数组以获得更高的可靠性。

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