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

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 运算符来检查数组是否有键。对于空槽，它将 return false，但对于具有值的槽，包括值 undefined:

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 );

Answer 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; }

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

How to tell between undefined array elements and empty slots?

javascript

arrays

undefined