JavaScript 中，我们通常使用数组来存储一组有序的数据。然而，有时候我们需要对一个对象进行类似于数组的操作。在 JavaScript 中，我们可以使用关联数组（也称作对象）来完成这个任务。
当我们需要从关联数组中删除元素时，有两种常见的方式：delete 和 splice。虽然它们都能删除元素，但是它们的实现方式和效果却有所不同。
Delete
delete 操作符用于删除对象的某个属性。在关联数组中，属性名就是数组的索引值。因此，使用 delete 可以删除关联数组中指定索引位置的元素。
const obj = {a: 1, b: 2, c: 3};
delete obj['b']; // 删除属性 b
console.log(obj); // { a: 1, c: 3 }由于 delete 只是删除了属性而不是数组元素，因此，在使用 delete 删除关联数组中的元素时，会留下一个空洞。这可能导致问题，例如在遍历数组时需要跳过空洞，并且不能通过 length 属性获取正确的数组长度。
Splice
splice 方法是数组的一个原生方法，用于修改数组。它可以添加新元素、删除元素或者替换元素。在关联数组中，我们可以通过一些技巧来模拟 splice 的行为。
-- -------------------- ---- ------- ----- --- - --- -- -- -- -- --- ----- ---- - ----------------- ----- ------------- - ------------------ -------------------------- --- -- ----- ------------- --- ------------------ ------ -- - -------- - -------------- - ---- --- ------ -------------------- - ---- -- -------- ----------------- -- - -- -- -- - -
以上代码中，我们首先获取了关联数组的键列表，然后使用 splice 删除了要删除的元素。接着，我们遍历剩下的键，并将它们对应的值移动到前一个键所对应的位置上。最后，我们删除了最后一个空洞。
总结
在关联数组中，delete 和 splice 都可以用于删除元素。然而，由于 delete 只是删除了一个属性，它会留下一个空洞。因此，如果需要保持数组连续并且正确计算长度，我们应该使用 splice 方法来删除关联数组中的元素。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25520