JavaScript是否保证对象属性顺序?

如果我创建一个这样的对象:

var obj = {};
obj.prop1 = "Foo";
obj.prop2 = "Bar";

生成的对象总是这样吗?

{ prop1 : "Foo", prop2 : "Bar" }

也就是说，属性是否与我添加它们的顺序相同?

当前回答

Object和MAP with Example的主要区别:

它是循环中的迭代顺序，在Map中它遵循创建时设置的顺序，而在OBJECT中没有。

看到的: 对象

const obj = {};
obj.prop1 = "Foo";
obj.prop2 = "Bar";
obj['1'] = "day";
console.log(obj)

**OUTPUT: {1: "day", prop1: "Foo", prop2: "Bar"}**

MAP

    const myMap = new Map()
    // setting the values
    myMap.set("foo", "value associated with 'a string'")
    myMap.set("Bar", 'value associated with keyObj')
    myMap.set("1", 'value associated with keyFunc')

OUTPUT:
**1.    ▶0: Array[2]
1.   0: "foo"
2.   1: "value associated with 'a string'"
2.  ▶1: Array[2]
1.   0: "Bar"
2.   1: "value associated with keyObj"
3.  ▶2: Array[2]
1.   0: "1"
2.   1: "value associated with keyFunc"**

2020-06-23 05:24:53

其他回答

正如其他人所述，当迭代对象的属性时，您无法保证顺序。如果你需要多个字段的有序列表，我建议创建一个对象数组。

var myarr = [{somfield1: 'x', somefield2: 'y'},
{somfield1: 'a', somefield2: 'b'},
{somfield1: 'i', somefield2: 'j'}];

这样你就可以使用一个常规的for循环，并有插入顺序。然后，如果需要，可以使用Array sort方法将其排序到一个新数组中。

2015-01-27 19:09:15

对于一个100%故障安全的解决方案，你可以使用嵌套对象，并像这样做:

const obj = {};
obj.prop1 = {content: "Foo", index: 0};
obj.prop2 = {content: "Bar", index: 1};

for (let i = 0; i < Object.keys(obj).length; i++)
for (const prop in obj) {
    if (obj[prop].index == i) {
        console.log(obj[prop].content);
        break;
    }
}

2022-03-14 12:40:41

在撰写本文时，大多数浏览器确实以插入属性的相同顺序返回属性，但这显然不能保证行为，因此不应该依赖。

ECMAScript规范曾经说:

列举属性的机制和顺序……未指定。

但是在ES2015及以后版本中，非整数键将按插入顺序返回。

2011-04-02 20:56:25

这是我吃了不少苦头才知道的。

使用React和Redux，我想遍历的键的状态容器，以生成子，每次存储被更改时都会刷新(根据Redux的不变性概念)。

因此，为了获取Object.keys(valueFromStore)，我使用了Object.keys(valueFromStore).sort()，这样我至少现在有了键的字母顺序。

2019-02-02 15:56:48

来自JSON标准:

对象是零个或多个名称/值对的无序集合，其中名称为字符串，值为字符串、数字、布尔值、空值、对象或数组。