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

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

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

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

当前回答

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

其他回答

这是一种更有效的方法,无需调用返回数组的Object.keys()或Object.values():

Object.prototype.firstKey = function () {
  for (const k in this) {
    if (Object.prototype.hasOwnProperty.call(this, k)) return k;
  }
  return null;
};

然后你可以像这样使用它:

const obj = {a: 1, b: 2, c: 3}
console.log(obj.firstKey()) //=> 'a'

这不一定会返回第一个键,请参见“for(…in…)”循环中的元素顺序

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

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

or

obj['first']

有什么理由不这样做吗?

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

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

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

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

请注意,您会丢失“foo”标识符。但您可以向包含的对象添加名称属性:

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;
  }
}

这一点以前已经在这里讨论过了。

第一个概念不适用于对象财产,而for的顺序。。。在循环中并没有得到规范的保证,但实际上它是可靠的FIFO,除了chrome(错误报告)。据此做出决定。