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

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


当前回答

我认为一个让我吃惊的案例是相关的:

var myObject = { name: "Cody", status: "Surprised" };
for (var propertyName in myObject) {
  document.writeln( propertyName + " : " + myObject[propertyName] );
}

但令我惊讶的是,输出是

name : Cody
status : Surprised
forEach : function (obj, callback) {
    for (prop in obj) {
        if (obj.hasOwnProperty(prop) && typeof obj[prop] !== "function") {
            callback(prop);
        }
    }
}

为什么?页面上的另一个脚本扩展了Object原型:

Object.prototype.forEach = function (obj, callback) {
  for ( prop in obj ) {
    if ( obj.hasOwnProperty( prop ) && typeof obj[prop] !== "function" ) {
      callback( prop );
    }
  }
};

其他回答

你可以使用for of循环。

如果你想要一个数组,请使用:

种(中的object1)

Ref。种()

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

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)已经实现了它。

在现代浏览器(ECMAScript 5)中,要获得所有可枚举属性,您可以做:

种(obj) (请检查链接以获得在旧浏览器上向后兼容的代码片段)

或者也可以得到不可枚举的属性:

Object.getOwnPropertyNames (obj)

查看ECMAScript 5兼容性表

额外的信息: 什么是可枚举属性?

如果您试图枚举属性以便针对对象编写新代码,我建议使用像Firebug这样的调试器来可视化地查看它们。

另一种方便的技术是使用Prototype的object . tojson()将对象序列化为JSON,这将显示属性名和值。

var data = {name: 'Violet', occupation: 'character', age: 25, pets: ['frog', 'rabbit']};
Object.toJSON(data);
//-> '{"name": "Violet", "occupation": "character", "age": 25, "pets": ["frog","rabbit"]}'

http://www.prototypejs.org/api/object/tojson

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