为什么带有逗号但没有元素的数组文字的长度不能为0?

时间:2016-04-01 01:44:19

标签: javascript

我只是在摆弄一些JS,发现了一些我认为不会发生的事情。

var arr = [,];
arr.length // 1
arr[0] // undefined

此外,[,,]的长度为2.这些数组的长度不应为0吗?我以为逗号只用于分隔数组中的元素,为什么看起来逗号被视为这些特定数组中的元素?数组的这种行为是否有任何类型的应用程序?

3 个答案:

答案 0 :(得分:44)

在数组文字中,末尾的逗号被忽略,但所有其他逗号分隔元素。如果省略元素的值,则默认为undefined,但元素仍然存在。所以

[,]

相当于

[undefined,]

相当于

[undefined]

这有1个元素,其值为undefined

类似地

[,,] = [undefined, undefined, ] = [undefined, undefined]

有2个元素。

当您想要省略数组中间的元素时,默认元素行为更有用。

[1, 2, 3, , , 6, 7, 8]

实际上,创建未定义元素的两种方式之间存在细微差别。在Javascript中,数组实际上是一个具有length属性的对象,其属性的名称是数组元素的索引。通常,如果数组具有length = N,则索引属性将是从0N-1的所有整数。但是当您省略数组文字中的元素时,不会为该索引创建任何属性。

对于大多数用途,此缺失属性并不重要,因为访问对象的不存在属性会返回undefined,就像您拥有值为undefined的属性一样。您只能使用hasOwnProperty或调用Object.keys等方法检测这些缺失的属性。 Javascript控制台使用类似这样的东西来显示数组中的间隙与显式undefined元素不同。

所以

Object.getOwnPropertyNames([1, 2, 3]) => ["0", "1", "2", "length"]
Object.getOwnPropertyNames([1, , 3, 4]) => ["0", "2", "3", "length"]
Object.getOwnPropertyNames([, , , , ]) => ["length"]

忽略最后一个逗号的原因是你可以这样写:

[ 
    "foo",
    "bar",
    "baz",
    "quux",
]

这使编辑更容易,因为您可以插入和删除行而无需特殊情况下的最后一个元素。

答案 1 :(得分:6)

那叫做elision。它在数组中创建一个“洞”(稀疏数组)。可能有一些我不知道并且已经忘记的应用程序,我现在唯一能想到的就是我在这里展示的那个:https://stackoverflow.com/a/29629588/1034448

[,...Array(10)].map((x, i) => { /* range of `i` is 1 - 10 */ })

[,,] 等同于[undefined, undefined,]。有一个很大的区别:迭代方法不包括省略索引的元素。 Example

var enumerated = [];

function callback (x, i) {
  enumerated.push(i);
}

[,,].forEach(callback);
console.log(enumerated); // logs []

[undefined, undefined,].forEach(callback);
console.log(enumerated); // logs [1, 2]

答案 2 :(得分:2)