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

小编典典

javascript

如果我创建这样的对象：

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

生成的对象会总是这样吗？

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

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

阅读 1362

2020-04-22

共1个答案

小编典典

自ES2015起，对象的迭代顺序遵循一组特定的规则，但不（始终）遵循插入顺序。简而言之，迭代顺序是字符串键的插入顺序和数字键的升序的组合：

// key order: 1, foo, bar
const obj = { "foo": "foo", "1": "1", "bar": "bar" }

使用数组或Map对象可能是实现此目的的更好方法。Map与密钥共享一些相似之处Object并保证密钥按插入顺序进行迭代，无一例外：

Map中的键是有序的，而添加到对象中的键则没有顺序。因此，在对其进行迭代时，Map对象将按插入顺序返回键。（请注意，在ECMAScript
2015规范中，对象确实保留了字符串和符号键的创建顺序，因此仅使用字符串键遍历对象即会按插入顺序产生键）

请注意，在ES2015之前根本无法保证对象中的属性顺序。ECMAScript第三版（pdf）中对象的定义：

4.3.3对象

对象是对象类型的成员。 它是属性的无序集合， 每个属性都包含原始值，对象或函数。存储在对象属性中的函数称为方法。

2020-04-22