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 相关文章推荐
新页面打开实际尺寸的图片
Aug 25 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
Oct 12 Javascript
js返回上一页并刷新代码整理
Dec 21 Javascript
JavaScript判断变量是否为空的自定义函数分享
Jan 31 Javascript
jQuery下拉友情链接美化效果代码分享
Aug 26 Javascript
JS判断当前页面是否在微信浏览器打开的方法
Dec 08 Javascript
Position属性之relative用法
Dec 14 Javascript
JavaScript登录记住密码操作(超简单代码)
Mar 22 Javascript
JavaScript使用readAsDataUrl方法预览图片
May 10 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
vue-amap根据地址回显地图并mark的操作
Nov 03 Javascript
swiper实现导航滚动效果
Dec 13 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
便携利器 — TECSUN PL-365简评
2021/03/02 无线电
《PHP编程最快明白》第六讲:Mysql数据库操作
2010/11/01 PHP
Yii Framework框架获取分类下面的所有子类方法
2014/06/20 PHP
php实现通用的信用卡验证类
2015/03/24 PHP
php实现模拟登陆方正教务系统抓取课表
2015/05/19 PHP
网页的分页下标生成代码(PHP后端方法)
2016/02/03 PHP
CI框架文件上传类及图像处理类用法分析
2016/05/18 PHP
javascript引用类型指针的工作方式
2015/04/13 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
2016/02/24 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
利用imgareaselect辅助后台实现图片上传裁剪
2017/03/02 Javascript
vue实现模态框的通用写法推荐
2018/02/26 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
使用react render props实现倒计时的示例代码
2018/12/06 Javascript
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
小程序实现搜索框功能
2020/03/26 Javascript
[06:53]DOTA2每周TOP10 精彩击杀集锦vol.3
2014/06/25 DOTA
python计数排序和基数排序算法实例
2014/04/25 Python
python使用urlparse分析网址中域名的方法
2015/04/15 Python
深入理解python中的select模块
2017/04/23 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
PyQt5组件读取参数的实例
2019/06/25 Python
Python实现微信好友的数据分析
2019/12/16 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
html5+css3之动画在webapp中的应用
2014/11/21 HTML / CSS
HTML页面中添加Canvas标签示例
2015/01/01 HTML / CSS
h5封装下拉刷新
2020/08/25 HTML / CSS
意大利值得信赖的在线超级药房:PillolaStore
2020/02/05 全球购物
在c#中using和new这两个关键字有什么意义
2013/05/19 面试题
大学四年个人自我小结
2014/03/05 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
python实现会员信息管理系统(List)
2022/03/18 Python