如何枚举 JavaScript 对象的属性?

2022-08-29 22:31:43

如何枚举 JavaScript 对象的属性?

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


答案 1

非常简单:

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

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


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

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

编辑2:@bitwiseplatypus提出了如果有人在比您最初编写对象(通过其原型)晚一个时间点向对象添加属性/方法将发生的情况 - 虽然这确实可能导致意外行为,但我个人并不完全认为这是我的问题。只是一个意见问题。此外,如果我在设计事物时在构建对象时使用原型,并且具有迭代对象属性的代码并且我想要所有继承的属性,该怎么办?我不会使用.然后,假设以后有人添加了新属性。如果事情在那一点上表现得很糟糕,那是我的错吗?我不这么认为。我认为这就是为什么jQuery作为一个例子,指定了扩展其工作方式的方法(通过和)。hasOwnProperty()jQuery.extendjQuery.fn.extend


答案 2

使用循环枚举对象的属性,但要小心。枚举不仅将返回所枚举对象的属性,还将返回任何父对象的原型的属性。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()