在遍历数组时，你应该优先使用 `for...of` 语句而不是 `for...in` 语句。这主要基于几个重要的原因： 1. **用途区分**： - `for...in` 循环遍历对象的可枚举属性（包括数组的元素作为对象的属性索引），且不仅仅是数组的元素。它会按照对象中属性出现的顺序（根据数值属性排序）遍历。因此，使用 `for...in` 遍历数组可能会因为意外的对象属性而被中断，且它不保证元素按照实际在数组中的顺序来遍历。 - `for...of` 循环设计用来遍历类似数组（包括真正的数组）和具有迭代器接口（`Symbol.iterator`）的对象。它能够按顺序（元素的插入顺序）直接遍历对象的值，且专为遍历ES6中的可迭代对象而设计。 2. **简洁和清晰度**： - 使用 `for...of` 来遍历数组使得代码意图更加清晰：它专注于遍历数组或类似数组结构的元素，而不是对象的属性。 3. **兼容性**： - 在现代JavaScript环境（ES6及更新版本）中，`for...of` 循环已经得到广泛支持，而在处理老代码或需要确保向后兼容的场景中，你仍然可以看到 `for...in` 的使用，但在涉及数组遍历时，首选 `for...of`。 4. **例子**： - 使用 `for...in` 遍历数组： ```javascript let arr = [3, 5, 7]; arr.foo = 'hello'; for (let i in arr) { console.log(i); // "0", "1", "2", "foo" console.log(arr[i]); // 3, 5, 7, "hello" } ``` - 使用 `for...of` 遍历数组： ```javascript let arr = [3, 5, 7]; for (let value of arr) { console.log(value); // 3, 5, 7 } ``` 在几乎所有情况下，当你想遍历数组中的元素时，都应该使用 `for...of` 循环。如果需要遍历对象的所有可枚举属性（无论它是否是数组），才可能会用到 `for...in` 循环，但这通常不是遍历数组的场景。
