我只是在摆弄一些JS,发现了一些我认为不会发生的事情。
var arr = [,];
arr.length // 1
arr[0] // undefined
此外,[,,]
的长度为2.这些数组的长度不应为0吗?我以为逗号只用于分隔数组中的元素,为什么看起来逗号被视为这些特定数组中的元素?数组的这种行为是否有任何类型的应用程序?
答案 0 :(得分:44)
在数组文字中,末尾的逗号被忽略,但所有其他逗号分隔元素。如果省略元素的值,则默认为undefined
,但元素仍然存在。所以
[,]
相当于
[undefined,]
相当于
[undefined]
这有1个元素,其值为undefined
。
类似地
[,,] = [undefined, undefined, ] = [undefined, undefined]
有2个元素。
当您想要省略数组中间的元素时,默认元素行为更有用。
[1, 2, 3, , , 6, 7, 8]
实际上,创建未定义元素的两种方式之间存在细微差别。在Javascript中,数组实际上是一个具有length
属性的对象,其属性的名称是数组元素的索引。通常,如果数组具有length = N
,则索引属性将是从0
到N-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)