为了账号安全,请及时绑定邮箱和手机立即绑定

稀疏数组与数组空位

标签:
JavaScript

平安夜逛社区的时候,有一位同学就犀牛书上对稀疏数组的解读提出了质疑,这里贴上犀牛书147页的截图:
犀牛书P147


上面应该能很清楚看到一个红圈圈着的true,犀牛书认为稀疏数组a1在索引0处有一个元素,而事实是在最新的浏览器下,0 in a1的返回值都是false了。这个问题顺带把数组空位给扯出来了,我与王同学在一番引诱下对其展开了研究:

  • 首先要知道犀牛书遵从的是ECMA5的规范,而现在主流浏览器都遵从ECMA6的规范了。那么ECMA6对数组空位作了哪些改动呢?

var a1 = [,,,];
0 in a1;    //  => false
a1.length    //  =>3

可以看到0 in a1返回false了,这是因为EC6不再将空位当成undefined了,同时a1.length的值是3而不是4了,在EC5中稀疏数组的length属性值大于元素的个数,EC6则变得更容易理解——length==索引数==空位数

  • 再来看看for循环遍历

var arr = [,,,]; for(var i of arr)     console.log("yes");
//  yes*3

可以看到for...of并没有跳过空位,而ECMA5则会跳过空位。同时在使用forEach(),filter(),some()方法的时候ECMA5会跳过空位,而ECMA6则会明确
地将空位转为undefined,具体可以参考阮一峰的《ECMAScript6入门》

点击查看更多内容
3人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消