JavaScript中for...in循环的用法与propertyIsEnumerable属性详解

for...in循环与for循环的对比

在JavaScript中，形如`for(var i=0;i<len;i++)`的传统循环结构，在许多场景下都可以使用`for...in`语句来替代实现。

下面通过具体示例进行说明。

 
var a = ["a","b","c"];
for(var el in a){
alert(a[el]);
} 

上述代码的作用是遍历并输出数组`a`中的所有元素。虽然这个例子也可以使用传统的索引方式循环列出，但在某些特定情况下，传统方法可能并不适用。

 
for(var i=0,len=a.length;i<len;i++){
alert(a[i]);
} 

这种方式进行循环列出的，不过有时候这种方式就不一定奏效了。

例如：

 
var a = {"first":1,"second":2,"third":3};

propertyIsEnumerable属性详解

这个时候就只能用for in来穷举了。

一个对象是否可以进行for in穷举，我们可以通过propertyIsEnumerable属性来判断，说明如下：

propertyIsEnumerable 属性

返回 Boolean 值，指出所指定的属性是否为一个对象的一部分以及该属性是否是可列举的。

 
object.propertyIsEnumerable(proName)

参数

object

必选项。一个对象。

proName

必选项。一个属性名称的字符串值。

说明

如果 proName 存在于 object 中且可以使用一个 For…In 循环穷举出来，那么 propertyIsEnumerable 属性返回 true。如果 object 不具有所指定的属性或者所指定的属性不是可列举的，那么 propertyIsEnumerable 属性返回 false。典型地，预定义的属性不是可列举的，而用户定义的属性总是可列举的。

propertyIsEnumerable 属性不考虑原型链中的对象。