DEV Community
·
JavaScript 对象属性顺序的秘密
💡
原文英文，约300词，阅读约需2分钟。
📝
内容提要
从ECMAScript 2020开始，JavaScript对象属性的顺序是：数组索引按数值升序，字符串属性按创建顺序，Symbol属性也按创建顺序。Object.keys和for...in遵循此顺序，但不包括Symbol属性，Reflect.ownKeys可以获取所有属性。若需严格插入顺序，建议使用Map。
🎯
关键要点
- 从ECMAScript 2020开始，JavaScript对象属性的顺序有明确规则。
- 对象属性的顺序为：数组索引按数值升序，字符串属性按创建顺序，Symbol属性也按创建顺序。
- Object.keys和for...in遵循上述顺序，但不包括Symbol属性。
- Reflect.ownKeys可以获取所有属性，包括Symbol属性。
- 若需严格插入顺序，建议使用Map。
❓
延伸问答
JavaScript对象属性的顺序是如何规定的？
从ECMAScript 2020开始，JavaScript对象属性的顺序为：数组索引按数值升序，字符串属性按创建顺序，Symbol属性也按创建顺序。
Object.keys和for...in的返回顺序有什么不同？
Object.keys和for...in遵循对象属性的顺序，但不包括Symbol属性。
如何获取JavaScript对象的所有属性，包括Symbol属性？
可以使用Reflect.ownKeys来获取所有属性，包括Symbol属性。
如果需要严格的插入顺序，应该使用什么？
如果需要严格的插入顺序，建议使用Map。
ECMAScript 2020之前，JavaScript对象属性的顺序是怎样的？
在ECMAScript 2020之前，JavaScript对象属性的顺序被认为是无序和不可预测的。
JavaScript中数组索引的属性顺序是怎样的？
数组索引的属性顺序是按数值升序排列的。
➡️
