Object中的key顺序性如何确定？

本文共计792个文字，预计阅读时间需要4分钟。

当我们在for/in遍历一个Object对象时，打印的结果是否一定按key的顺序输出呢？

答案：不一定。

背景：最近在做一个项目时，遇到这样一个需求：一个下拉列表中有3个固定的‘选项’。

直接输出结果：不一定要按key的顺序输出。

当我们使用for/in遍历一个Object对象的时候，打印的结果是否按key的顺序打印出来呢？

答案是：不一定。

背景

最近在做一个项目的时候，遇到这样一个需求：

一个下拉列表中有3个固定选项，包括：-1：全部；0：正常；1：失效。

于是，我就定义了一个对象，然后循环这个对象，把结果放到 <option> 上面：

var obj = { '-1': '全部', '0' : '正常', '1' : '失效' };

<!-- Vue代码片段 --> <select> <option v-for="(item, key) in obj" :value="key">{{item}}</option> </select> <!-- 结果却是: --> <!-- 0 正常 --> <!-- 1 失效 --> <!-- -1 全部 -->

于是就有了今天这篇文章，且看下文。

解惑

Object的key的排序规则到底是什么样子的呢？答案是：

如果key是整数（如：123）或者整数类型的字符串（如：“123”），那么会按照从小到大的排序。除此之外，其它数据类型，都安装对象key的实际创建顺序排序。