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 提供了多个遍历数组和类数组对象的方法。本文将分为两部分：实际数组的遍历方法和类数组对象的遍历方法。
遍历实际数组的方法
我们有五种主要的遍历方法：
- 使用
for-of循环（隐式使用迭代器）（ES2015+） - 使用
forEach