JavaScript中省略元素对数组长度的影响


Posted in Javascript onOctober 26, 2016

在学习《JavaScript权威指南》第六版的第7.1节中通过数组直接量创建数组时,我们可以不给数组的某个元素赋值,它就会使undefined。虽然是undefined,但我们调用数组对象的length属性时undefined也会导致length加1。有如下所示的四种情况:

var undef0 = [,,];
var undef1 = [1,,];
var undef2 = [,1,];
var undef3 = [,,1]; 
console.log(undef0.length);
console.log(undef1.length);
console.log(undef2.length);
console.log(undef3.length);

我们可以猜一下四个console.log输出的长度各是多少,之前我一定会猜都是3。实际结果如下所示:

JavaScript中省略元素对数组长度的影响

这是为什么呢,答案就是:数组直接量的语法允许有可选的结尾的逗号,故[,,]、[1,,]、[,1,]这三种情况JS引擎会认为最后一个逗号是结尾的逗号,所以就认为只有两个元素,而[,,1]这种情况人为的给最后一个逗号后面又添加了一个元素,所以最后一个逗号就不是结尾了,所以我们就能想到[,,1,]的长度仍然为3。

以上所述是小编给大家介绍的JavaScript中省略元素对数组长度的影响,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript window.opener的用法分析
Apr 07 Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 Javascript
JS OffsetParent属性深入解析
Jan 13 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
javascript history对象详解
Feb 09 Javascript
JavaScript获取ul中li个数的方法
Feb 13 Javascript
javascript中的面向对象
Mar 30 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
Mar 28 Javascript
详解使用React.memo()来优化函数组件的性能
Mar 19 Javascript
vue 实现LED数字时钟效果(开箱即用)
Dec 08 Javascript
JavaScript 空间坐标的使用
Aug 19 Javascript
WebPack工具运行原理及入门教程
Dec 02 Javascript
BootStrap tab选项卡使用小结
Aug 09 #Javascript
Bootstrap按钮功能之查询按钮和重置按钮
Oct 26 #Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 #Javascript
BootStrap modal模态弹窗使用小结
Oct 26 #Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
Oct 26 #Javascript
BootStrap tooltip提示框使用小结
Oct 26 #Javascript
Bootstrap CDN和本地化环境搭建
Oct 26 #Javascript
You might like
PHP 万年历实现代码
2012/10/18 PHP
php批量上传的实现代码
2013/06/09 PHP
基于PHP服务端图片生成缩略图的方法详解
2013/06/20 PHP
PHP+MYSQL会员系统的开发实例教程
2014/08/23 PHP
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
twig模板获取全局变量的方法
2016/02/05 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
PHP递归实现文件夹的复制、删除、查看大小操作示例
2017/08/11 PHP
php微信公众号开发之音乐信息
2018/10/20 PHP
javascript 避免闭包引发的问题
2009/03/17 Javascript
IE无法设置短域名下Cookie
2010/09/23 Javascript
javascript垃圾收集机制与内存泄漏详细解析
2013/11/11 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
2013/11/18 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
javascript prototype原型详解(比较基础)
2016/12/26 Javascript
分析javascript中9 个常见错误阻碍你进步
2017/09/18 Javascript
js插件实现图片滑动验证码
2020/09/29 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
javascript中toFixed()四舍五入使用方法详解
2018/09/28 Javascript
vsCode安装使用教程和插件安装方法
2020/08/24 Javascript
vue+iview实现分页及查询功能
2020/11/17 Vue.js
pycharm运行程序时在Python console窗口中运行的方法
2018/12/03 Python
django admin组件使用方法详解
2019/07/19 Python
使用Python将字符串转换为格式化的日期时间字符串
2019/09/01 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
Python with语句和过程抽取思想
2019/12/23 Python
Python模块常用四种安装方式
2020/10/20 Python
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
孕妇装中的著名品牌:Isabella Oliver(伊莎贝拉·奥利弗)
2016/10/31 全球购物
美国唇部护理专家:Sara Happ
2019/06/19 全球购物
千元咖啡店的创业计划书范文
2013/12/29 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
关于环保的宣传稿
2015/07/23 职场文书
高一军训感想
2015/08/07 职场文书