稀疏数组详解

什么是稀疏数组

    数组元素的索引不一定要连续的，它们之间可以有空缺。每个javaScript数组都有一个length属性。针对非稀疏数组，该属性就是数组元素的个数；针对稀疏数组，length比所有元素的个数要大。

创建稀疏数组

用构造函数创建

var a=new Array(10)

该方法创建了一个长度（length)为10的数组，当预先知道所需的元素个数时，这种方法可以用来预分配一个数组空间。 注意，在数组中没有存储值，并且索引属性“0”，“1”等还未定义。

同一段代码：

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

在chrome浏览器中输出：

[] 
false 

在firefox浏览器中输出：

[undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined]
false

注意：但是这个结果并不准确，这是firefox的一个bug.

在ie9中输出：

,,,,,,,,, 
 false 

由上述可见，这种方法创建的数组没有索引和值。

用字面量创建

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

注意这种方法创建的稀疏数组中，省略的元素在数组中是不存在的，是没有值的。

如：

var a=["a",,"b",,,,"c",,];
console.log(a.length);   //数组的长度
console.log(1 in a);       //索引1是否在数组中存在
console.log(a);  

在chrome中输出

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

表示只存在0、2、6这3个索引

在firefox中输出：

8
false
["a", undefined, "b", undefined, undefined, undefined, "c", undefined]

注意：在firefox中显示的不正确，这是一个bug.

在ie9中输出：

8 
 false 
 a,,b,,,,c, 

表示只存在索引0、2、6中的内容，其余的值是不存在的，并不是undefined;

稀疏数组在调用数组方法时的注意事项

1.如果数组中的某一项的值是null或者undefined，那么该值在join()、toLocaleString()、toString()和valueOf()方法返回的结果中以空字符串表示。

代码如下：

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