認識JavaScript陣列物件的length屬性

fightplane發表於2007-08-15
JavaScript陣列物件

很久沒寫Blog了，最近總結了一些javascript不同於其他語言的特點，陣列的length屬性就是一例。
陣列物件僅有一個屬性， 這個屬性就是length，它表示陣列的長度，即其中元素的個數。因為陣列的索引總是由0開始，所以一個陣列的上下限分別是：0和length-1。和其 他大多數語言不同的是，javascript陣列的length屬性是可變的，這一點需要特別注意。當length屬性被設定得更大時，整個陣列的狀態事 實上不會發生變化，僅僅是length屬性變大；當length屬性被設定得比原來小時，則原先陣列中索引大於或等於length的元素的值全部被丟失。 下面是演示改變length屬性的例子：


var arr=[12,23,5,3,25,98,76,54,56,76]; 
//定義了一個包含10個數字的陣列
alert(arr.length);  //顯示陣列的長度10
arr.length=12;   //增大陣列的長度
alert(arr.length);  //顯示陣列的長度已經變為12

alert(arr[8]);   //顯示第9個元素的值，為56
arr.length=5;   //將陣列的長度減少到5，索引等於或超過5的元素被丟棄
alert(arr[8]);   //顯示第9個元素已經變為"undefined"
arr.length=10;   //將陣列長度恢復為10
alert(arr[8]);   //雖然長度被恢復為10，但第9個元素卻無法收回，顯示"undefined"

由上面的程式碼我們可以清楚的看到length屬性的性質。但length物件不僅可以顯式的設定，它也有可能被隱式修改。javascript中可 以使用一個未宣告過的變數，同樣，也可以使用一個未定義的陣列元素（指索引超過或等於length的元素），這時，length屬性的值將被設定為所使用 元素索引的值加1。例如下面的程式碼：

var arr=[12,23,5,3,25,98,76,54,56,76];
alert(arr.length);
arr[15]=34;
alert(arr.length);


程式碼中同樣是先定義了一個包含10個數字的陣列，通過alert語句可以看出其長度為10。隨後使用了索引為15的元素，將其賦值為15， 即arr[15]=34，這時再用alert語句輸出陣列的長度，得到的是16。無論如何，對於習慣於強型別程式設計的開發人員來說，這是一個很令人驚訝的特 性。事實上，使用new Array()形式建立的陣列，其初始長度就是為0，正是對其中未定義元素的操作，才使陣列的長度發生變化。
由上面的介紹可以看到，length屬性是如此的神奇，利用它可以方便的增加或者減少陣列的容量。因此對length屬性的深入瞭解，有助於在開發過程中靈活運用。

附留言：
supNate：沒有具體例子，竊以為了解了length屬性，就理解了javascript中的陣列。而陣列是完成很多例子的基礎。因為和其他語言區別比較大，所以單獨講一下。例如實現低版本瀏覽器不支援的陣列的pop方法：
Array.prototype.pop=function(){
if(0==this.length)return;
var temp=this[this.length-1];
this.length--;
return temp;
}
這樣陣列就能作為棧使用了。

 

相關文章