慎用 JS 中的 for (var index in items) 循环数组项

最新推荐文章于 2023-11-14 10:53:28 发布

原创最新推荐文章于 2023-11-14 10:53:28 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

本文探讨了JavaScript中for-in循环与传统for循环的区别。for-in不仅遍历数组元素，还会遍历对象的所有属性，包括原型链上的属性。文章强调了两者之间的不同，并提醒开发者在使用时应注意这些区别。

JavaScript 循环数组的项，我们一般人用 for (var i = 0; i < items.length; i++)，也有人用 for (var index in items)。
我们要慎用 for (var index in items)，为什么呢？

首先这个与 C# 中的 foreach 不一样，foreach 中的 index 表示的是项，而这里 index 是表示项索引，也就是 0、1、2、3……
这还不是致命的，看下面的示例：

Paste_Image.png

我们看到会弹出三个对话框，分别是：0、1、copy，也就是说除了项的数值索引 0、1，还多了一个 copy，而这个 copy 就是因为 Array.prototype.copy 扩展得到的。所以说不要把 for (var index in items) 当作是 for (var i = 0; i < items.length; i++) 的一种简写，二者具有不同的意义。

for in可以获取object的所有属性,包括自定义属性以及原型链属性。

hasOwnProperty()只能获取自定义属性，无法获取原型链属性。