如何枚举JavaScript对象的属性?[重复]

2020/09/22 15:41 · javascript ·  · 0评论

如何枚举JavaScript对象的属性?

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

很简单:

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

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


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

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

编辑2:@bitwiseplatypus提出了这样的情况:如果某人在比您最初编写对象(通过其原型)的时间晚一些时候向您的对象添加属性/方法-确实这可能会导致意外行为,我个人并不完全认为这是我的问题。只是一个问题。此外,如果我以某种方式设计事物,以便在构造对象的过程中使用原型,但又具有对对象的属性进行迭代的代码,而我想要所有继承的属性,该怎么办?我不会用hasOwnProperty()然后,假设有人稍后添加了新属性。那时候如果表现不好,那是我的错吗?我不这么认为。我认为这就是为什么jQuery作为示例,指定了扩展其工作方式的方式(通过jQuery.extendjQuery.fn.extend)。

使用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 name in myObject) {
  alert(name);
}

但是,Internet Explorer 6、7和8在JavaScript解释器中存在一个错误,该错误导致某些枚举未枚举。如果运行此代码:

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

如果将在除IE之外的所有浏览器中警告“ 12”。IE只会忽略此键。受影响的键值为:

  • isPrototypeOf
  • hasOwnProperty
  • toLocaleString
  • toString
  • valueOf

为了在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)中,要获取所有可枚举的属性,您可以执行以下操作:

Object.keys(obj)
(检查链接以获得片段,以在较旧的浏览器上向后兼容)

或也获得不可枚举的属性:

Object.getOwnPropertyNames(obj)

检查ECMAScript 5兼容性表

附加信息:
什么是可枚举属性?

我认为一个令我惊讶的案例是相关的:

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 (prop in obj) {
    alert(prop + ' = ' + obj[prop]);
}

简单的JavaScript代码:

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

jQuery的:

jQuery.each(obj, function(key, value) {
   // key is what you want.
   // The value is in: value
});

我发现它... for (property in object) { // do stuff }将列出所有属性,并因此列出window对象上的所有全局声明的变量。

这是枚举对象属性的方法:

var params = { name: 'myname', age: 'myage' }

for (var key in params) {
  alert(key + "=" + params[key]);
}

如果您使用的是Underscore.js库,则可以使用功能

_.keys({one : 1, two : 2, three : 3});
=> ["one", "two", "three"]

您可以使用forof循环。

如果要使用数组:

Object.keys(object1)

参考 Object.keys()

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(window),结果是我所期望的。

5年后进行编辑:扩展不是一个好主意Object,因为它可能与可能要keys在其对象上使用的其他库冲突,并且将导致项目中无法预测的行为。@ carlos-ruana答案是获取对象密钥的正确方法。

如果您试图枚举属性以针对该对象编写新代码,则建议使用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

我仍然是JavaScript的初学者,但是我写了一个小函数来递归打印对象及其子对象的所有属性:

getDescription(object, tabs) {
  var str = "{\n";
  for (var x in object) {
      str += Array(tabs + 2).join("\t") + x + ": ";
      if (typeof object[x] === 'object' && object[x]) {
        str += this.getDescription(object[x], tabs + 1);
      } else {
        str += object[x];
      }
      str += "\n";
  }
  str += Array(tabs + 1).join("\t") + "}";
  return str;
}
本文地址:http://javascript.askforanswer.com/ruhemeijujavascriptduixiangdeshuxingzhongfu.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!