稀疏数组详解

2019独角兽企业重金招聘Python工程师标准>>>

什么是稀疏数组

 

    数组元素的索引不一定要连续的，它们之间可以有空缺。每个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、2、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、2、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  

 

转载于:https://my.oschina.net/u/2336787/blog/1624024