关于js 对象 容易被忽视的排序问题

在js中 object 笼统的理解可以是 key 和 value的对应集合。 比如  {key1 : value1,key2 : value2}

而数组是索引(index) 和数值的集合，如[a1,b1,c1] ，索引 0，1，2对应的数值分别是a1,b1,c1

我们知道在js中 数组是对象中的一种特殊形式，上面的列子也大概能够反映出数组和对象的一些关系和区别。

接下来就谈一谈数组和对象之间容易被我们忽视的排序问题。

var object1 = {'2':'b','3':'c','1':'a'};
for(var key in object1){
  console.log(object1[key]);
}

我相信很多人和我一样 会认为上面的输出结果是 b c a

可事实上 运行结果是

"a"
"b"
"c"

原因就是：

  在数组中，默认是按照索引值由小到大来输出数值的。

  而当对象object1中的key是数字的时候，对象的key的功能就和数组中的索引一样了。输出的时候 会按照key由小到大来输出。

  object1难道变成数组了吗？

  怎么可能呢？ 当试着输出 object1.length 结果却是 undefined.

  说明 object1还是对象，而非数组。

 

  至于为什么?  说法如下

  使用 for-in 语句遍历对象属性时会遵循一个规律，它们会先提取所有 key 的 parseFloat 值为非负整数的属性，
  然后根据数字顺序对属性排序首先遍历出来，然后按照对象定义的顺序遍历余下的所有属性。