Comment supprimer efficacement des objets d'un tableau en fonction des propriétés en JavaScript ?

Utilisation de JavaScript natif pour supprimer des objets d'un tableau par propriété d'objet

Lorsque vous travaillez avec des tableaux d'objets, la suppression d'objets spécifiques en fonction de propriétés peut être essentiel. Cependant, la simple utilisation de splice() peut entraîner des complications dues à la diminution de la longueur du tableau. Voici comment résoudre ce problème à l'aide de techniques JavaScript natives :

Décrémentation de i après suppression :

Pour résoudre le problème avec splice, décrémentez i après chaque suppression pour tenir compte du indice décalé. Cela empêche le saut d'éléments du tableau et garantit que tous les objets cibles sont supprimés.

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

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

Réécriture des éléments du tableau :

Pour éviter les suppressions en temps linéaire, vous pouvez réécrivez uniquement les éléments que vous souhaitez conserver sur le tableau.

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;

Utilisation d'un jeu de hachage :

Pour des recherches plus rapides, utilisez un jeu de hachage pour stocker les identifiants d'objets à supprimer.

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;

Fonction réutilisable :

Enveloppez cette logique dans une fonction réutilisable pour plus de commodité.

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));

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!