关于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 值为非负整数的属性,
  然后根据数字顺序对属性排序首先遍历出来,然后按照对象定义的顺序遍历余下的所有属性。

 

转载于:https://www.cnblogs.com/smsli/p/5427671.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值