你必须记住的Javascript知识:巧用数组的length属性

数组的 length 属性

数组的 length 属性很有特点——它不只是只读的

因此,通过设置这个属性,可以从数组的末尾移除项或者向数组中添加新项

先来看一个列子:

var colors = ['red','blue','green'];
colors.length = 2;
alert(colors[2]); //undefined

如上,如果将其 length 属性设置为数组项数的值减一,则会移除最后一项,当我们再访问这一项时,就会显示 undefined 了。

而,如果将其 length 属性设置为大于数组项数的值则新增的每一项都会取得 undefined 值,如下所示:

var colors = ['red','blue','green'];
colors.length = 4;
alert(colors[3]) //新增一项,且它的值为 undefined,而length变为4,

因此,利用 length 属性也可以方便的在数组末尾添加新项

var colors = ['red','blue','green'];
colors[colors.length] = 'black'; //在位置 3 新增一种颜色
colors[colors.length] = 'pink';  //在位置 4 新增一种颜色

由于数组最后一项的索引始终是 length - 1 ,因此下一个新项的位置就是 length 。每当在数组末尾添加一项后,其 length 属性都会自动更新以反应这一变化。

而,当把一个值放在超出当前数组大小的位置上时,数组就会重新计数其长度值,即长度值等于最后一项的索引加 1 :

var colors = ['red','blue','green'];
colors[99] = 'black'; 
alert(colors.length);  // 100

如上,我们在 colors 数组的位置 99 插入了一个值,结果,数组新长度就是 100 了(99+1),而位置 3 到位置 98 实际上都是不存在的,所以访问它们都将返回 undefined 。

                              ————以上知识点来源于《JavaScript高级程序设计(第三版)》

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值