DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中的數組特性介紹
JavaScript中的數組特性介紹
編輯:關於JavaScript     

與Java語言不同,JavaScript中的數組擁有三個特性:

 

1.無類型。數組的成員可以是任何類型,同一個數組也可以由很多不同類型的成員所組成。
2.長度可變。數組的長度是可以動態變化的,因此在JavaScript中不存在數組訪問的越界問題。
3.不連續性。數組中成員的位置可以是連續的(0, 1, 2, 3…),也可以是不連續的。任何數組都有一個名為length的屬性,在數組成員連續的情況下,length值與數組成員數目一致;當數組成員不連續時,length值要大於數組成員的數目。與連續的數組相比,不連續數組的讀寫性能要差一些。

 

實驗:


復制代碼 代碼如下:
var o = [42, "Sample Text", {x:88}];//JavaScript array is un-typed.
console.log(o);//[42, "Sample Text", Object {x=88}]
o[3] = 27;//JavaScript array is dynamic.
console.log(o);//[42, "Sample Text", Object {x=88}, 27]
o[5] = 99;//JavaScript array is sparse.
console.log(o);//[42, "Sample Text", Object {x=88}, 27, undefined, 99]


從上面的例子中可以看到,對於不連續的數組,當訪問到缺失的那個成員時,JavaScript將返回undefined。如果數組連續,但是其中某個成員為undefined,那麼訪問數組的結果是一樣的:


復制代碼 代碼如下:
var a = [42, "Sample Text", {x:88}, 27, undefined, 99];
console.log(a);//[42, "Sample Text", Object {x=88}, 27, undefined, 99]


數組不連續、有成員缺失,跟數組連續、但有成員為undefined,這兩種情況下訪問數組內容所得到的結果是一樣的。但在這兩者之間還是存在一些細微的差別,主要表現在對數組key的訪問上:


復制代碼 代碼如下:
console.log(4 in o);//false
console.log(4 in a);//true


可以看到,這兩種情況下雖然訪問內容所得到的結果一致,但是其內部機制是完全不同的:在數組不連續的情況下,某個成員缺失,因此當訪問該成員時,JavaScript返回了undefined;在數組連續的情況下,所有的成員都存在,只是某些成員的值比較特殊,為undefined而已。

從上面的例子中也可以看到,JavaScript中的數組究其本質只是以數字為key的對象而已,與普通的鍵值對對象沒有任何差別。事實上,在對數組進行讀取和寫入操作時,JavaScript會試圖將參數轉換為正整數,如果轉換成功則將進行數組操作(自動更新數組的length屬性),如果失敗則將參數轉換成字符串後進行普通對象的讀寫操作。當然,在JavaScrpt解釋器的實現中,針對數組的這種以數字作為key的特性作了很多性能優化,因此在實際使用過程中,如果對象的key都是數字,那麼直接使用數組對象會得到更加高效的結果。

在對數組進行定義的過程中,JavaScript允許出現多余的逗號,也允許兩個逗號間出現數組成員的缺失:


復制代碼 代碼如下:
var x = [1,2,3,];//trailing comma will be omitted.
console.log(x.length);//3
        
var y = [1,,3];//member can be missed.
console.log(y);//[1, undefined, 3]
console.log(1 in y);//false
console.log(y.length);//3


對於數組的創建,JavaScript支持四種方法:

1.使用字面量(如上述幾個例子中的中括號表達式)來直接創建數組對象。
2.使用Array()構造函數,不傳入任何參數。在這種情況下,將創建一個空數組,其效果與[]等同。
3.使用Array()構造函數,傳入一個正整數作為數組的長度。在這種情況下,JavaScript將預留相應的內存空間來存儲這個數組。值得注意的是,此時數組的key都是沒有被定義的,也即數組中沒有任何成員。其效果與[,,,,]這樣的寫法等同
4.使用Array()構造函數,傳入數組的成員。

實驗:


復制代碼 代碼如下:
var z = new Array(10);//pre-allocate memory, but no index is defined yet.
console.log(3 in z);//false

var m = new Array(42, 33, 99, "test", {k:99});
console.log(m);//[42, 33, 99, "test", Object {k=99}]

在ECMAScript 5標准中,可以用Array.isArray()來判斷某個對象是否是數組:
復制代碼 代碼如下:
Array.isArray([]);//true
Array.isArray({});//false

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved