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

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运算符来检查数组是否有密钥.它会返回与价值,包括价值插槽为假空槽,但真正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( function ( _, i ) { return i in arr } );