如何使用javascript / jQuery从数组中删除元素？

Question

我在这样的数组中设置一个元素：

dialogs[id] = $.modal({
    title: "Admin",
    closeButton: true,
    content: content,
    width: false,
    resizeOnLoad: true,
    buttons: {
        'Close': function (win) {
            win.closeModal();
        }
    }
}).find('form') // Attach logic on forms
.submit(formSubmitHandler)
.end();

稍后我检查是否存在这样的内容：

if (!dialogs[id]) {
    loadAndShowDialog(id, link, url);
}

如何从对话框数组中删除id记录？ 是否有类似dialogs[id].Remove() ？

Answer 1

命令为：（将其设置为undefined）

delete dialogs[id];

如果要完全删除：请使用splice 。

编辑

我错误地认为这是您要删除的对象属性（在这里删除将是很好的-唯一的解决方法）

但是-您有一个数组，正确的答案是使用splice 。

Answer 2

我建议您看一下本教程 。 它很好地解释了如何在javascript中使用数组。

delete方法不会删除元素，而只是将其替换为undefined 。 要从数组中删除元素，您需要splice 。

根据MDN ，这是使用方法：

array.splice(index , howMany[, element1[, ...[, elementN]]])

因此，您需要在其中开始删除的index ，而howMany是要删除的元素数。

对于您的情况，可能是：

dialogs.splice( dialogs.indexOf( id ), 1 )

请注意使用indexOf来查找id值的索引。

Answer 3

您可以使用

delete dialogd[id]; //will not remove element, will set it to undefined

要么

dialogs.splice(id,1); //will not work in case of non-numeric indices

选择合适的一个。 我喜欢第二个。

Answer 4

从数组中删除项目时，请使用splice

dialogs.splice(id,1); //remove "1" item starting from index "id"

请注意，这将删除该项目，并更改数组长度。 因此在3的数组中，如果以这种方式进行拼接，则数组的长度现在为2。

使用delete不会影响数组，但是会将该位置保留为undefined 。 就像在那个位置“未设定”或“留下一个洞”。

delete dialogs[id];  //value at index "id" is now undefined