数组的 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高级程序设计(第三版)》