我如何枚举一个JavaScript对象的属性?

我实际上想列出所有已定义的变量及其值,但我已经了解到,定义变量实际上创建了窗口对象的属性。


当前回答

使用for..in循环来枚举对象的属性,但要小心。枚举不仅返回被枚举对象的属性,还返回任何父对象原型的属性。

var myObject = {foo: 'bar'};

for (var name in myObject) {
  alert(name);
}

// results in a single alert of 'foo'

Object.prototype.baz = 'quux';

for (var name in myObject) {
  alert(name);
}

// results in two alerts, one for 'foo' and one for 'baz'

为了避免在枚举中包含继承的属性,检查hasOwnProperty():

for (var name in myObject) {
  if (myObject.hasOwnProperty(name)) {
    alert(name);
  }
}

编辑:我不同意JasonBunting的声明,我们不需要担心枚举继承的属性。枚举您不期望的继承属性是危险的,因为它可能改变代码的行为。

其他语言中是否存在这个问题并不重要;事实上,它是存在的,并且JavaScript特别容易受到攻击,因为对对象原型的修改会影响子对象,即使修改发生在实例化之后。

这就是为什么JavaScript提供hasOwnProperty(),这就是为什么你应该使用它,以确保第三方代码(或任何其他可能修改原型的代码)不会破坏你的。除了增加一些额外字节的代码外,使用hasOwnProperty()没有任何缺点。

其他回答

简单:

for(var propertyName in myObject) {
   // propertyName is what you want
   // you can get the value like this: myObject[propertyName]
}

现在,您不会以这种方式获得私有变量,因为它们不可用。


编辑:@bitwiseplatypus是正确的,除非你使用hasOwnProperty()方法,否则你将获得继承的属性-然而,我不知道为什么任何熟悉面向对象编程的人会期望更少!一般来说,提出这个问题的人都听过道格拉斯·克罗克福德的警告,这让我有点困惑。同样,继承是OO语言的一个正常部分,因此也是JavaScript的一部分,尽管它是原型。

现在,也就是说,hasOwnProperty()对于过滤是有用的,但我们不需要发出警告,就好像获取继承属性是危险的一样。

EDIT 2: @bitwiseplatypus brings up the situation that would occur should someone add properties/methods to your objects at a point in time later than when you originally wrote your objects (via its prototype) - while it is true that this might cause unexpected behavior, I personally don't see that as my problem entirely. Just a matter of opinion. Besides, what if I design things in such a way that I use prototypes during the construction of my objects and yet have code that iterates over the properties of the object and I want all inherited properties? I wouldn't use hasOwnProperty(). Then, let's say, someone adds new properties later. Is that my fault if things behave badly at that point? I don't think so. I think this is why jQuery, as an example, has specified ways of extending how it works (via jQuery.extend and jQuery.fn.extend).

我找到了……For (property in object) {// do stuff}将列出所有属性,因此所有全局声明的变量在窗口对象上。

Python的dict有'keys'方法,这真的很有用。我认为在JavaScript中我们可以有这样的东西:

function keys(){
    var k = [];
    for(var p in this) {
        if(this.hasOwnProperty(p))
            k.push(p);
    }
    return k;
}
Object.defineProperty(Object.prototype, "keys", { value : keys, enumerable:false });

编辑:但是@carlos-ruana的答案很好。我测试了Object.keys(窗口),结果是我所期望的。

5年后再编辑:扩展Object不是一个好主意,因为它可能会与其他想要在其对象上使用键的库发生冲突,并且会在您的项目中导致不可预知的行为。@carlos-ruana答案是获取对象键的正确方法。

已经被提出过几次的标准方法是:

for (var name in myObject) {
  alert(name);
}

然而,ie6、ie7和ie8在JavaScript解释器中有一个错误,导致一些键没有被枚举。如果你运行这段代码:

var obj = { toString: 12};
for (var name in obj) {
  alert(name);
}

If将在除IE以外的所有浏览器中提醒“12”。IE会忽略这个键。受影响的键值为:

isPrototypeOf hasOwnProperty toLocaleString toString 返回对象的值

为了在IE中真正的安全,你必须使用如下的东西:

for (var key in myObject) {
  alert(key);
}

var shadowedKeys = [
  "isPrototypeOf",
  "hasOwnProperty",
  "toLocaleString",
  "toString",
  "valueOf"
];
for (var i=0, a=shadowedKeys, l=a.length; i<l; i++) {
  if map.hasOwnProperty(a[i])) {
    alert(a[i]);
  }
}

好消息是EcmaScript 5定义了object .keys(myObject)函数,它以数组的形式返回对象的键,一些浏览器(例如Safari 4)已经实现了它。

使用for..in循环来枚举对象的属性,但要小心。枚举不仅返回被枚举对象的属性,还返回任何父对象原型的属性。

var myObject = {foo: 'bar'};

for (var name in myObject) {
  alert(name);
}

// results in a single alert of 'foo'

Object.prototype.baz = 'quux';

for (var name in myObject) {
  alert(name);
}

// results in two alerts, one for 'foo' and one for 'baz'

为了避免在枚举中包含继承的属性,检查hasOwnProperty():

for (var name in myObject) {
  if (myObject.hasOwnProperty(name)) {
    alert(name);
  }
}

编辑:我不同意JasonBunting的声明,我们不需要担心枚举继承的属性。枚举您不期望的继承属性是危险的,因为它可能改变代码的行为。

其他语言中是否存在这个问题并不重要;事实上,它是存在的,并且JavaScript特别容易受到攻击,因为对对象原型的修改会影响子对象,即使修改发生在实例化之后。

这就是为什么JavaScript提供hasOwnProperty(),这就是为什么你应该使用它,以确保第三方代码(或任何其他可能修改原型的代码)不会破坏你的。除了增加一些额外字节的代码外,使用hasOwnProperty()没有任何缺点。