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

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

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

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

当前回答

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

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

其他回答

使用lodash库的解决方案:

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

但无法保证对象财产的内部存储顺序,因为它依赖于javascript VM实现。

也可以执行Object.values(示例)[0]。

否。MDN定义的对象文本是:

一个对象的零对或多对属性名和相关值的列表,用大括号({})括起来。

因此,对象文字不是数组,您只能使用其显式名称或使用in关键字的for循环访问财产。

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有关详细信息。

使用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)

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

编辑:为了清楚起见,我只想重复其他答案中正确的表述:JavaScript对象中的键顺序未定义。