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

Question

假设我是一名用户脚本开发人员，我无法控制页面上的 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 元素不变。我该怎么做？

Answer 1

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

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

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

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

您还可以像这样过滤掉空槽:

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