稀疏數組詳解

什麼是稀疏數組

 

    數組元素的索引不必定要連續的，它們之間能夠有空缺。每一個javaScript數組都有一個length屬性。針對非稀疏數組，該屬性就是數組元素的個數；針對稀疏數組，length比全部元素的個數要大。

 

建立稀疏數組

 

用構造函數建立

[javascript] view plain copy

1. var a=new Array(10)  

該方法建立了一個長度（length)爲10的數組，當預先知道所需的元素個數時，這種方法能夠用來預分配一個數組空間。注意，在數組中沒有存儲值，而且索引屬性「0」，「1」等還未定義。

同一段代碼：

[javascript] view plain copy

1. var a=new Array(10)  
2. console.log(a);  
3. console.log(2 in a);  

在chrome瀏覽器中輸出：

[javascript] view plain copy

1. []   
2. false   

在firefox瀏覽器中輸出：

[javascript] view plain copy

1. [undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined]  
2. false  

注意：可是這個結果並不許確，這是firefox的一個bug.

在ie9中輸出：

[javascript] view plain copy

1. ,,,,,,,,,   
2.  false   

由上述可見，這種方法建立的數組沒有索引和值。

 

用字面量建立

[javascript] view plain copy

1.   

[javascript] view plain copy

1. var a=["a",,"b",,,,"c",,];  

[javascript] view plain copy

1.   

注意這種方法建立的稀疏數組中，省略的元素在數組中是不存在的，是沒有值的。

如：

[javascript] view plain copy

1. var a=["a",,"b",,,,"c",,];  
2. console.log(a.length);   //數組的長度  
3. console.log(1 in a);       //索引1是否在數組中存在  
4. console.log(a);    

在chrome中輸出[javascript] view plain copy

1. 8   
2. false   
3. ["a", 2: "b", 6: "c"]   

表示只存在0、二、6這3個索引

在firefox中輸出：

[javascript] view plain copy

1. 8  
2. false  
3. ["a", undefined, "b", undefined, undefined, undefined, "c", undefined]  

注意：在firefox中顯示的不正確，這是一個bug.

在ie9中輸出：[javascript] view plain copy

1. 8   
2.  false   
3.  a,,b,,,,c,   

表示只存在索引0、二、6中的內容，其他的值是不存在的，並非undefined;

 

稀疏數組在調用數組方法時的注意事項

1.若是數組中的某一項的值是null或者undefined，那麼該值在join()、toLocaleString()、toString()和valueOf()方法返回的結果中以空字符串表示。

代碼以下：

[javascript] view plain copy

1. var a=[1,3,,4,undefined,5,null,6];  
2. var b=a.join("+");  
3. console.log(b);  
4. 輸出：1+3++4++5++6