如果我不知道名字,我该如何访问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.注意:for each语法主要仅在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介绍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);
}