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

Why do Array literals with commas but no elements not have a length of 0?

本文关键字：文字 数组 元素 为什么      更新时间：2023-10-29

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

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

此外，[,,]的长度为2。这些数组的长度不应该是0吗？我认为逗号只用于分隔数组中的元素，那么为什么逗号在这些特定的数组中被算作元素呢？数组的这种行为有任何应用吗？

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

[,]

相当于

[undefined,]

相当于

[undefined]

这有一个元素，其值为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",
]

这使得编辑更加容易，因为您可以插入和删除行，而不必对最后一个元素进行特殊处理。

这叫做省略。它在数组（稀疏数组）中创建一个"洞"。可能有一些应用程序我不知道也忘记了，我现在唯一能想到的就是我在这里展示的应用程序：https://stackoverflow.com/a/29629588/1034448.

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

CCD_ 13是而不是等价于CCD_ 14。这里有一个很大的区别：迭代方法不会在消隐索引中包含元素。示例：

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]

基于https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Array_literals

在较新的浏览器中会忽略尾随逗号。

相关文章：