如何访问 Javascript 对象的第一个属性？

Question

有没有一种优雅的方式来访问对象的第一个属性...

1. 您不知道您的属性名称的地方
2. 不使用像 for .. in 或 jQuery 的 $.each 这样的循环

例如，我需要在不知道 foo1 名称的情况下访问foo1 对象：

var example = {
    foo1: { /* stuff1 */},
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

Answer 1

var obj = { first: 'someVal' };
obj[Object.keys(obj)[0]]; //returns 'someVal'

使用它，您还可以通过索引访问其他属性。请注意！ Object.keys 根据 ECMAScript 不保证返回顺序，但非正式地由所有主要浏览器实现，请阅读 https://stackoverflow.com/a/23202095 了解详细信息。

Answer 2

尝试for … in loop 并在第一次迭代后中断：

for (var prop in object) {
    // object[prop]
    break;
}

Answer 3

你也可以Object.values(example)[0]。

Answer 4

使用Object.keys 获取对象的属性数组。示例：

var example = {
    foo1: { /* stuff1 */},
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

var keys = Object.keys(example); // => ["foo1", "foo2", "foo3"] (Note: the order here is not reliable)

文档和跨浏览器 shim 提供 here。它的使用示例可以在我的另一个答案here 中找到。

编辑：为清楚起见，我只想回应其他答案中正确说明的内容：javascript 对象中的键顺序未定义。

Answer 5

没有“第一”属性。对象键是无序的。

如果你用 for (var foo in bar) 循环它们，你会以一些的顺序得到它们，但它将来可能会改变（特别是如果你添加或删除其他键）。

Answer 6

单规则版本：

var val = example[function() { for (var k in example) return k }()];

Answer 7

您可以使用 Object.values() 来访问对象的值：

var obj = { first: 'someVal' };
Object.values(obj)[0]; // someVal

Answer 8

lodash 库的解决方案：

_.find(example) // => {name: "foo1"}

但无法保证对象属性内部存储顺序，因为它取决于 javascript VM 实现。

Answer 9

最佳答案可以生成整个数组，然后从列表中捕获。这是另一个有效的捷径

var obj = { first: 'someVal' };
Object.entries(obj)[0][1] // someVal

Answer 10

没有。 MDC 定义的对象字面量是：

对象的零或多对属性名称和关联值的列表，用大括号 ({}) 括起来。

因此，对象字面量不是数组，您只能使用它们的显式名称或使用 in 关键字的 for 循环访问属性。

Answer 11

这是获取第一个密钥的更简洁的方法：

var object = {
    foo1: 'value of the first property "foo1"',
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

let [firstKey] = Object.keys(object)

console.log(firstKey)
console.log(object[firstKey])

Answer 12

要获取对象中的第一个键名，您可以使用：

var obj = { first: 'someVal' };
Object.keys(obj)[0]; //returns 'first'

返回一个字符串，因此如果有嵌套对象，您将无法访问，例如：

var obj = { first: { someVal : { id : 1} }; 使用该解决方案您无法访问 id。

如果您想获取实际对象，最好的解决方案是使用 lodash，例如：

obj[_.first(_.keys(obj))].id

要返回第一个键的值，（如果您不确切知道第一个键的名称）：

var obj = { first: 'someVal' };
obj[Object.keys(obj)[0]]; //returns 'someVal'

如果您知道密钥名称，请使用：

obj.first

或

obj['first']

Answer 13

如果有人更喜欢数组解构

const [firstKey] = Object.keys(object);

Answer 14

这里之前已经介绍过了。

first 的概念不适用于对象属性，规范不保证 for...in 循环的顺序，但实际上它是可靠的 FIFO except 对于 chrome (bug report)。做出相应的决定。

Answer 15

我不建议您使用 Object.keys，因为旧 IE 版本不支持它。但是如果你真的需要，你可以使用上面的代码来保证向后兼容：

if (!Object.keys) {
Object.keys = (function () {
var hasOwnProperty = Object.prototype.hasOwnProperty,
    hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
    dontEnums = [
      'toString',
      'toLocaleString',
      'valueOf',
      'hasOwnProperty',
      'isPrototypeOf',
      'propertyIsEnumerable',
      'constructor'
    ],
    dontEnumsLength = dontEnums.length;

return function (obj) {
  if (typeof obj !== 'object' && typeof obj !== 'function' || obj === null) throw new TypeError('Object.keys called on non-object');

  var result = [];

  for (var prop in obj) {
    if (hasOwnProperty.call(obj, prop)) result.push(prop);
  }

  if (hasDontEnumBug) {
    for (var i=0; i < dontEnumsLength; i++) {
      if (hasOwnProperty.call(obj, dontEnums[i])) result.push(dontEnums[i]);
    }
  }
  return result;
}})()};

功能 Firefox (Gecko)4 (2.0) Chrome 5 Internet Explorer 9 Opera 12 Safari 5

更多信息：https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys

但如果您只需要第一个，我们可以安排更短的解决方案，例如：

var data = {"key1":"123","key2":"456"};
var first = {};
for(key in data){
    if(data.hasOwnProperty(key)){
        first.key = key;
        first.content =  data[key];
        break;
    }
}
console.log(first); // {key:"key",content:"123"}

Answer 16

如果您需要访问“对象的第一个属性”，这可能意味着您的逻辑有问题。对象属性的顺序无关紧要。

Answer 17

我们也可以使用这种方法。

var example = {
  foo1: { /* stuff1 */},
  foo2: { /* stuff2 */},
  foo3: { /* stuff3 */}
}; 
Object.entries(example)[0][1];

Answer 18

有什么理由不这样做？

> example.map(x => x.name);

(3) ["foo1", "foo2", "foo3"]

Answer 19

正如其他人所指出的，如果属性的顺序很重要，那么将它们存储在对象中并不是一个好主意。相反，您应该通过方括号使用数组。例如，

var example = [ {/* stuff1 */}, { /* stuff2 */}, { /* stuff3 */}];
var first = example[0];

请注意，您会丢失“foo”标识符。但是你可以为包含的对象添加一个 name 属性：

var example = [ 
  {name: 'foo1', /* stuff1 */},
  {name: 'foo2', /* stuff2 */},
  {name: 'foo3', /* stuff3 */}
];
var whatWasFirst = example[0].name;

对于那些寻求类似问题的答案的人，即：“我如何找到一个或多个与特定模式匹配的属性？”，我建议使用Object.keys()。扩展benekastah的答案：

for (const propName of Object.keys(example)) {
  if (propName.startsWith('foo')) {
    console.log(`Found propName ${propName} with value ${example[propName]}`);
    break;
  }
}