如果我不知道名称，如何访问 javascript 对象的属性？

Question

假设你有一个像这样的 javascript 对象：

var data = { foo: 'bar', baz: 'quux' };

你可以通过属性名称访问属性：

var foo = data.foo;
var baz = data["baz"];

但是如果你不知道属性的名称，是否可以获得这些值？ 这些属性的无序性质是否导致无法区分它们？

就我而言，我特别考虑这样一种情况：函数需要接受一系列名称-值对，但属性的名称可能会发生变化。

到目前为止，我对如何做到这一点的想法是将属性名称与数据一起传递给函数，但这感觉像是一个黑客。 如果可能的话，我更愿意通过内省来做到这一点。

Answer 1

您可以像这样循环遍历键：

for (var key in data) {
  console.log(key);
}

这会记录“名称”和“值”。

如果您有更复杂的对象类型（不仅仅是像原始问题中那样的普通散列对象），您将只想循环属于对象本身的键，而不是对象的 原型：

for (var key in data) {
  if (data.hasOwnProperty(key)) {
    console.log(key);
  }
}

正如您所指出的，不保证密钥按任何特定顺序排列。 请注意这与以下示例有何不同：

for each (var value in data) {
  console.log(value);
}

此示例循环遍历值，因此它将记录 Property Name 和 0。 注意：每个 语法大多仅在 Firefox 中受支持，而在其他浏览器中则不受支持。

如果您的目标浏览器支持 ES5，或者您的网站包含 es5-shim.js （推荐），您还可以使用 Object.keys：

var data = { Name: 'Property Name', Value: '0' };
console.log(Object.keys(data)); // => ["Name", "Value"]

并使用 Array.prototype.forEach：

Object.keys(data).forEach(function (key) {
  console.log(data[key]);
});
// => Logs "Property Name", 0

Answer 2

旧版本的 JavaScript (< ES5) 需要使用 for..in 循环：

for (var key in data) {
  if (data.hasOwnProperty(key)) {
    // do something with key
  }
}

ES5 引入了 Object.keys 和 Array#forEach 这使得这变得更容易一些：

var data = { foo: 'bar', baz: 'quux' };

Object.keys(data); // ['foo', 'baz']
Object.keys(data).map(function(key){ return data[key] }) // ['bar', 'quux']
Object.keys(data).forEach(function (key) {
  // do something with data[key]
});

ES2017< /a> 引入 Object.values 和 Object.entries。

Object.values(data) // ['bar', 'quux']
Object.entries(data) // [['foo', 'bar'], ['baz', 'quux']]

Answer 3

for(var property in data) {
    alert(property);
}

Answer 4

您经常需要检查对象实例的特定属性，
没有它的所有共享原型方法和属性：

 Obj.prototype.toString= function(){
        var A= [];
        for(var p in this){
            if(this.hasOwnProperty(p)){
                A[A.length]= p+'='+this[p];
            }
        }

    return A.join(', ');
}

Answer 5

function getDetailedObject(inputObject) {
    var detailedObject = {}, properties;

    do {
        properties = Object.getOwnPropertyNames( inputObject );
        for (var o in properties) {
            detailedObject[properties[o]] = inputObject[properties[o]];
        }
    } while ( inputObject = Object.getPrototypeOf( inputObject ) );

    return detailedObject;
}

这将获取新对象中的所有属性及其值（继承的或拥有的，可枚举的或不可枚举的）。 原始对象未受影响。 现在可以使用以下方式遍历新对象

var obj = { 'b': '4' }; //example object
var detailedObject = getDetailedObject(obj);
for(var o in detailedObject) {
    console.log('key: ' + o + '   value: ' + detailedObject[o]);
}

Answer 6

您可以使用 Object.keys()，“它返回一个给定对象自己的可枚举属性名称的数组，其顺序与我们使用普通循环得到的顺序相同。”

您可以使用任何对象来代替 stats：

var stats = {
  a: 3,
  b: 6,
  d: 7,
  erijgolekngo: 35
}
/*  this is the answer here  */
for (var key in Object.keys(stats)) {
  var t = Object.keys(stats)[key];
  console.log(t + " value =: " + stats[t]);
}

Answer 7

var obj = {
 a: [1, 3, 4],
 b: 2,
 c: ['hi', 'there']
 }
for(let r in obj){  //for in loop iterates all properties in an object
 console.log(r) ;  //print all properties in sequence
 console.log(obj[r]);//print all properties values
}

Answer 8

var attr, object_information='';

for(attr in object){

      //Get names and values of propertys with style (name : value)
      object_information += attr + ' : ' + object[attr] + '\n'; 

   }


alert(object_information); //Show all Object