你必须记住的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高级程序设计(第三版)》

你可能感兴趣的:(学习笔记,JavaScript)