Comment supprimer une partie d'un objet en javascript

Question

Ceci est mon code :

var data = [];
$("#btn").click(function(){
    total++;
    data.push({        
        id : total,
        "cell": [
            "val1",
            "val2",
            "val3",
        ]
    });
});

Chaque fois que l'utilisateur clique sur le bouton btn, j'ajoute des valeurs à l'objet data. Maintenant, ma question est de savoir comment je peux supprimer la partie qui a id = X

Answer 1

Il suffit d'utiliser
x = {id1: "valeur quelconque"}
delete x.id1

C'est à peu près tout

Answer 2

Vous pouvez utiliser .splice() à la position X

var data = [{id : total, "cell" : ["val1", "val2", "val3"]}[, ...répéter];

var X = 0; // position à supprimer
data.splice(X,1);

extension:

for (var i=data.length-1; 0 < i; i--) {
    if (data[i].id == X) {
        data.splice(X,1);
        break;
    }
}

Answer 3

const {  ceQueJeNeVeuxPas, ...leReste } = tout;
return {leReste};

Laissez le LHS égal au RHS, ceQueJeNeVeuxPas est exclu du leReste en raison de l'unicité des propriétés dans un objet évalué lors de la propagation. Par conséquent, leReste est un objet sans la propriété indésirable.

Answer 4

Voici une idée alternative. Utiliser l'id comme clé dans un objet :

var data = {};

$("#btn").click(function(){
    total++;
    data[total] = {
        cell: [
            "val1",
            "val2",
            "val3"
        ]
    };
});

Ensuite, pour supprimer l'objet avec cet id spécifique, vous pouvez faire :

delete data[id];

ou

data[id] = null;

pour simplement le mettre à null.

De cette façon, vous éliminez la complexité d'avoir également un tableau là-bas.