js数组length的属性

JavaScript 数组有一个length属性，能够获取数组的长度，这是我们平时的用法。但是length属性并不是只读的！因此，可以通过操作这个属性移除末尾元素或添加数组元素。

• 移除

let color = ['red','blue','green];
color.length = 2;
console.log(color[2]); // undefined

这个例子中的数组colors一开始有3个值。将其length属性设置为2会移除最后一项（位置为2的那一项），结果再访问colors[2]就会显示undefined了。

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

let color = ['red','blue','green];
color.length = 4;
console.log(color[3]); // undefined

在此，虽然colors数组包含3个项，但把它的length属性设置成了4。这个数组不存在位置3，所以访问这个位置的值就得到了特殊值undefined。

• 利用length属性也可以方便地在数组末尾添加新项

let color = ['red','blue','green];
color[color.length] = 'white';

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

• tip：数组最多可以包含4294967295个项

来源：《JJavaScript高级程序设计》