稀疏数组与数组空位
标签:
JavaScript
平安夜逛社区的时候,有一位同学就犀牛书上对稀疏数组
的解读提出了质疑,这里贴上犀牛书147页的截图:
上面应该能很清楚看到一个红圈圈着的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人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦