JavaScript中对象key的顺序性是怎样的？

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

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

答案：不一定。

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

直接输出结果：for/in遍历对象时，顺序是不确定的，可能会因为浏览器的不同而有所不同。

当我们使用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 全部 -->

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