JavaScript删除在对象中保持“空”[重复]

Question

尝试使用 delete 从对象中删除元素，但是当值消失时，对象中仍然存在“空”。如图所示：

这会在以下迭代中导致不需要的行为：

for (const [key, value] of ids.entries()) {
    if (Object.values(this.widget_ids).indexOf(value) >= 0) {
        delete ids[key]
    }
}

现在，我不能使用 pop 或 shift since 。我需要按键删除的选项，知道如何删除和删除这个空插槽吗？或者更好的是，在完全不处理的情况下删除？

Answer 1

delete 的问题在于它会删除对象属性，但不会重新索引数组或更新其长度。这使它看起来好像是undefined 或空。

splice(start, deleteCount) 从数组中移除元素：

var ids = [322, 324, 435];
ids.splice(ids.indexOf(322), ids.indexOf(322) + 1);
console.log(ids);

Answer 2

您可以使用Array#splice，它允许在给定索引处删除一定数量的元素。

delete 删除元素并在该索引处留下一个稀疏数组，但不会改变数组的长度。

var ids = [322, 324, 435];

ids.splice(0, 1);
//         ^     index
//            ^  count of elements to delete

console.log(ids);

Answer 3

使用拼接而不是删除，它只是设置undefined

var ids = [1,2,3];
console.log(ids);
ids.splice(1,1);
console.log(ids);