JavaScript 中遍历数组的多种方法

在 JavaScript 中，遍历数组有很多种方法。根据不同的场景选择最合适的遍历方式，不仅能提高代码的可读性，还能提升性能。在这篇文章中，我们将详细介绍几种常见的遍历数组的方法及其优缺点。

• 推荐方法：

  • for-of 循环（ES2015+）：简单且支持 async。

    for (const element of theArray) {
           
        // 使用 element
    }
    

  • forEach 方法（ES5+）：不支持 async。

    theArray.forEach(element => {
           
        // 使用 element
    });
    

  • 传统的 for 循环：支持 async。

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

  • 罕见用法：带有安全检查的 for-in 循环，支持 async。

    for (const propertyName in theArray) {
           
        if (/* 是数组元素属性 */) {
           
            const element = theArray[propertyName];
            // 使用 element
        }
    }
    

• 不要这么做：

  • 除非你了解其潜在风险，否则不要使用 for-in。
  • 如果你不使用其返回值，请不要使用 map。
  • 如果回调函数有异步操作且你希望等待它完成再进行下一次循环，不要使用 forEach。

详细解析

JavaScript 提供了多个遍历数组和类数组对象的方法。本文将分为两部分：实际数组的遍历方法和类数组对象的遍历方法。

遍历实际数组的方法

我们有五种主要的遍历方法：

1. 使用 for-of 循环（隐式使用迭代器）（ES2015+）
2. 使用 forEach