如何区分未定义的数组元素和空槽？

Posted 2023-02-22

【中文标题】如何区分未定义的数组元素和空槽？

【英文标题】：How to tell between undefined array elements and empty slots?

【发布时间】：2017-04-06 18:03:41

【问题描述】：

假设我是一名用户脚本开发人员，我无法控制页面上的 javascript。该页面创建具有随机长度的数组，并用随机值填充它们（包括虚假值，例如undefined）。并非每个元素都必须被赋值，因此可能会有空槽。

一个简化的例子（Firefox 控制台）：

var arr = new Array(3);
arr[0] = null;
arr[1] = undefined;
console.log(arr);               \\ Array [ null, undefined, <1 empty slot> ]
console.log(arr[1]);            \\ undefined
console.log(arr[2]);            \\ undefined
console.log(arr[1] === arr[2]); \\ true
console.log(typeof arr[1]);     \\ undefined
console.log(typeof arr[2]);     \\ undefined

我们可以看到，Firefox 以不同的方式显示 undefined 和空槽，而对于 javascript，它们似乎是相同的。

现在假设我想清理这样一个数组，删除所有空槽但保持undefined 元素完好无损。我该怎么做？

【问题讨论】：

什么是空槽？你想要一个新数组吗？

【参考方案1】：

您可以使用in 运算符来检查数组是否有键。对于空槽，它将返回 false，但对于具有值的槽，包括值 undefined，则返回 true：

var arr = new Array(3);
arr[0] = null;
arr[1] = undefined;

1 in arr; // true
2 in arr; // false

请注意，您无法使用它来区分空槽和超出数组末尾的槽，但如果您知道数组的长度，那么您已经知道 3 不是其中的一部分，所以你不需要测试3 in arr。

你也可以像这样过滤掉空槽：

arr = arr.filter( ( _, i ) => i in arr );

【讨论】：

哇，这太聪明了。

@paul 如果空槽位于数组 [null, , undefined] 的中间怎么办？

@Shivam 除了要检查的索引之外，这不会改变这个答案的任何内容：1 in arr 将是错误的，但 0 in arr 和 2 in arr 将是正确的。

【参考方案2】：

您可以使用Array#forEach，它会省略稀疏元素。

var arr = new Array(3);
arr[0] = null;
arr[1] = undefined;
console.log(arr); 

var withoutSparse = [];

arr.forEach(function (a, i) 
    console.log(i);
    withoutSparse.push(a);
);
console.log(withoutSparse);

.as-console-wrapper  max-height: 100% !important; top: 0;