Bagaimana untuk Mengeluarkan Objek dengan Cekap dari Array Berdasarkan Harta Objek dalam JavaScript?

Mengalih keluar Objek daripada Tatasusunan Berdasarkan Harta Objek

Dalam JavaScript, memadamkan objek daripada tatasusunan dengan memadankan sifat tertentu boleh mencabar . Ini kerana menggunakan kaedah sambatan, seperti yang biasa dicuba, membawa kepada panjang tatasusunan yang berkurangan apabila pemadaman berlaku.

Betulkan untuk Menggunakan Kaedah Sambatan

Untuk menyelesaikan isu ini, anda boleh melaksanakan pembetulan dengan mengurangkan indeks gelung apabila pemadaman berlaku:

<code class="javascript">for (var i = 0; i < arrayOfObjects.length; i++) {
    var obj = arrayOfObjects[i];

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

Timpa Elemen Tatasusunan

Sebagai alternatif, anda boleh mengelakkan pemadaman masa linear secara progresif menimpa elemen tatasusunan yang anda mahu simpan:

<code class="javascript">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;

Set Cincang untuk Carian

Untuk carian yang cekap, anda boleh menggunakan set cincang:

<code class="javascript">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;

Fungsi Pembantu

Ingkapsulasi pendekatan ini ke dalam fungsi pembantu:

<code class="javascript">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;
};</code>

Atas ialah kandungan terperinci Bagaimana untuk Mengeluarkan Objek dengan Cekap dari Array Berdasarkan Harta Objek dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!