如何在 JavaScript 中根據屬性有效率地從陣列中刪除物件？

使用本機 JavaScript 透過物件屬性從陣列中刪除物件

使用物件陣列時，可以根據屬性刪除特定物件基本的。然而，由於數組長度遞減，簡單地使用 splice() 可能會導致複雜化。以下是如何使用本機JavaScript 技術克服此問題：

刪除後遞減i：

要透過拼接修復問題，請在每次刪除後遞減i 以考慮到移位索引。這可以防止跳過數組元素並確保刪除所有目標物件。

for (var i = 0; i < arrayOfObjects.length; i++) {
    var obj = arrayOfObjects[i];

    if (listToDelete.indexOf(obj.id) !== -1) {
        arrayOfObjects.splice(i, 1);
        i--;
    }
}

重寫陣列元素：

為了避免線性時間刪除，您可以只重寫您想要保留在陣列上的元素。

var end = 0;

for (var i = 0; i < arrayOfObjects.length; i++) {
    var obj = arrayOfObjects[i];

    if (listToDelete.indexOf(obj.id) === -1) {
        arrayOfObjects[end++] = obj;
    }
}

arrayOfObjects.length = end;

使用雜湊集：

為了更快地查找，請使用雜湊集來儲存 ID要刪除的物件。

const setToDelete = new Set(listToDelete);
let end = 0;

for (let i = 0; i < arrayOfObjects.length; i++) {
    const obj = arrayOfObjects[i];

    if (setToDelete.has(obj.id)) {
        arrayOfObjects[end++] = obj;
    }
}

arrayOfObjects.length = end;

可重複使用函數：

將此邏輯包裝到可重複使用函數中以方便使用。

const filterInPlace = (array, predicate) => {
    let end = 0;

    for (let i = 0; i < array.length; i++) {
        const obj = array[i];

        if (predicate(obj)) {
            array[end++] = obj;
        }
    }

    array.length = end;
};

const toDelete = new Set(['abc', 'efg']);

const arrayOfObjects = [{id: 'abc', name: 'oh'},
                        {id: 'efg', name: 'em'},
                        {id: 'hij', name: 'ge'}];

filterInPlace(arrayOfObjects, obj => !toDelete.has(obj.id));

以上是如何在 JavaScript 中根據屬性有效率地從陣列中刪除物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！