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

是否有一种优雅的方法来访问对象的第一个属性。。。

你不知道你的财产的名字而不使用像..这样的循环。。in或jQuery的$.each

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

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

当前回答

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

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']

2019-06-12 17:43:00

其他回答

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

2009-06-11 20:08:07

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

Object.values(obj)[0]; // returns 'someVal'

使用它，您还可以通过索引访问其他财产。请注意！Object.keys或Object.values的返回顺序并不能根据ECMAScript得到保证，但所有主要浏览器实现都是非官方的，请阅读https://stackoverflow.com/a/23202095有关详细信息。

2012-07-16 17:48:22

我不建议您使用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（壁虎）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"}

2013-05-08 09:43:15

单行版本：

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

2014-06-05 13:32:12