Supprimer l'élément de tableau basé sur la propriété de l'objet

J'ai un tableau d'objets comme:

var myArray = [
    {field: 'id', operator: 'eq', value: id}, 
    {field: 'cStatus', operator: 'eq', value: cStatus}, 
    {field: 'money', operator: 'eq', value: money}
];

Comment puis-je supprimer une spécifique basé sur sa propriété?

par exemple, Comment faire pour supprimer l'objet de tableau avec de "l'argent" comme le domaine de la propriété?

InformationsquelleAutor imperium2335 | 2013-03-08

285

Qu'une seule possibilité:
```
myArray = myArray.filter(function( obj ) {
    return obj.field !== 'money';
});
```
Veuillez noter que filter crée un nouveau tableau. Toutes les autres variables se référant au tableau d'origine ne serait pas obtenir les données filtrées bien que vous mettez à jour votre variable d'origine myArray avec la nouvelle référence. À utiliser avec prudence.
- Notez que filter() est uniquement disponible pour Internet Explorer 9+
- en effet. Je devrais l'ai mentionné qu'il ya beaucoup de bon es5 cale bibliothèques disponibles, qui imitent la fonctionnalité (juste au cas où vous souhaitez soutenir les anciens navigateurs)
- filter() crée un nouveau tableau, qui est très bien si vous êtes en mesure de réaffecter la variable et de savoir qu'il n'y a pas d'autres zones de code qui ont des références. Cela ne fonctionnera pas si vous avez spécifiquement besoin de modifier le tableau d'origine de l'objet.
- Que faire si le tableau est une structure en arbre ar beforeDeleteOperationArray=[ { "id": 3.1, "nom": "test 3.1", "activityDetails": [ { "id": 22, "nom": "test 3.1" }, { "id": 23, "nom": "a changé de test 23" } ] } ] et je veux supprimer id:23
- bon point - réponse ne fonctionne que pour un nombre limité de cas. Avez-vous trouvé la réponse à votre question?
- Pas De @JackTheKnife
InformationsquelleAutor jAndy
76

Parcourir le tableau, et épissure ceux que vous ne voulez pas. Pour une utilisation plus facile, itérer vers l'arrière de sorte que vous n'avez pas à tenir compte de la nature vivante de la matrice:
```
for (var i = myArray.length - 1; i >= 0; --i) {
    if (myArray[i].field == "money") {
        myArray.splice(i,1);
    }
}
```
- qu'entendez-vous par la vie de la nature de la matrice ? @Neit le noir Absol
- il signifie que si vous parcourez vers le haut sur un tableau à l'aide de sa longueur dans le cadre de l'itération de la logique et de ses changements de longueur, car il a des éléments retirés ou ajoutés, vous pouvez mettre fin à la course à pied, à la fin du tableau ou de ne pas faire l'opération pour chaque élément du tableau. À reculons fait que beaucoup moins de chances que cela marche vers une statique 0 indice plutôt qu'un déplacement de la longueur.
- merci pour l'explication, @Klors 🙂
- Que faire si le tableau est une structure en arbre ar beforeDeleteOperationArray=[ { "id": 3.1, "nom": "test 3.1", "activityDetails": [ { "id": 22, "nom": "test 3.1" }, { "id": 23, "nom": "a changé de test 23" } ] } ] et je veux supprimer id:23
- Un peu évident, mais si vous ne l'attend pour supprimer d'un seul et unique élément, vous pouvez jeter une pause dans le " si " déclaration pour la performance de sorte que la boucle n'est pas inutilement itérer sur le reste de la matrice.
- Merci pour l'explication. Est-il bon de toujours lire le tableau en arrière comme dans la réponse?
- Il est nécessaire ici, car splice modifications de la matrice.
- Si l'itération en arrière est-ce que vous avez besoin, puis aller de l'avant et de le faire. Si non, ne vous embêtez pas.
- En fait la lecture de la matrice de dans vers l'arrière est plus rapide. Juste pensé à elle à partir de ce lien: stackoverflow.com/questions/8689573/...
- Lire la accepté de répondre à cette question.
- Fait! Je vous remercie.
InformationsquelleAutor Niet the Dark Absol
16

Dites que vous voulez supprimer le deuxième objet, de par leur propriété de champ.

Avec ES6 c'est aussi simple que cela.
```
myArray.splice(myArray.findIndex(item => item.field === "cStatus"), 1)
```
- J'ai essayé cela mais, au lieu de "retrait" de la 3ème élément de l'OP du tableau, votre code "filtré" et affiche le 3ème point seulement.
InformationsquelleAutor Peracek
10

Vous pouvez utiliser lodash de findIndex pour obtenir l'index de l'élément spécifique et ensuite enchaîné avec elle.
```
myArray.splice(_.findIndex(myArray, function(item) {
    return item.value === 'money';
}), 1);
```
Mise à jour

Vous pouvez également utiliser ES6 du findIndex()

La findIndex() la méthode renvoie l'index du premier élément dans le tableau qui satisfait à la condition de test de la fonction. Sinon -1 est renvoyé.
```
myArray.splice(myArray.findIndex(myArray, function(item) {
    return item.value === 'money';
}), 1);
```
- Qu'est-ce que le tableau est une structure de l'arbre?
- structure de l'arbre? Je pense que myArray ici est un tableau d'objets.
- Que faire si le tableau est une structure de l'arbre var beforeDeleteOperationArray=[ { "id": 3.1, "nom": "test 3.1", "activityDetails": [ { "id": 22, "nom": "test 3.1" }, { "id": 23, "nom": "a changé de test 23" } ] } ] et je veux supprimer id:23
InformationsquelleAutor Sridhar
8

Voici une autre option à l'aide de jQuery grep. Passer true en tant que troisième paramètre pour assurer grep supprime les éléments qui correspondent à votre fonction.
```
users = $.grep(users, function(el, idx) {return el.field == "money"}, true)
```
Si vous êtes déjà à l'aide de jQuery, pas de cale est nécessaire, ce qui est peut être utile, par opposition à l'aide de Array.filter.

InformationsquelleAutor sifriday
4

Voici le code si vous n'êtes pas à l'aide de jQuery. Démo
```
var myArray = [
    {field: 'id', operator: 'eq', value: 'id'}, 
    {field: 'cStatus', operator: 'eq', value: 'cStatus'}, 
    {field: 'money', operator: 'eq', value: 'money'}
];

alert(myArray.length);

for(var i=0 ; i<myArray.length; i++)
{
    if(myArray[i].value=='money')
        myArray.splice(i);
}

alert(myArray.length);
```
Vous pouvez également utiliser le trait de soulignement de la bibliothèque qui ont beaucoup de fonction.

Trait de soulignement est un utilitaire ceinture bibliothèque JavaScript qui fournit une grande partie de la programmation fonctionnelle soutien
- C'est un très dangereux exemple à laisser sur le web... il fonctionne avec les données d'exemple, mais pas avec n'importe quoi d'autre. splice(i) signifie qu'il va supprimer tous les éléments dans le tableau de départ, pendant et après la première instance où la valeur est de l'argent, dont le bas de ne pas satisfaire à l'exigence de l'op à tous. Si nous avons changé d'épissage(i,1) il serait incorrect car il ne serait pas évaluer la prochaine séquentielle point que vous auriez à décrémenter i ainsi) C'est pourquoi vous devriez processus de supprimer les opérations dans des tableaux à l'envers, de sorte que la suppression d'un élément ne modifie en rien l'index de la prochaine éléments à traiter
InformationsquelleAutor Umair Saleem

var myArray = [
    {field: 'id', operator: 'eq', value: id}, 
    {field: 'cStatus', operator: 'eq', value: cStatus}, 
    {field: 'money', operator: 'eq', value: money}
];
console.log(myArray.length); //3
myArray = $.grep(myArray, function(element, index){return element.field == "money"}, true);
console.log(myArray.length); //2

Élément est un objet dans le tableau.
3e paramètre true signifie retournera un tableau des éléments qui ne parvient pas votre fonction logique, false signifie retournera un tableau des éléments qui ne parvient pas votre fonction logique.

votre solution est limpide. Merci

InformationsquelleAutor Sandeep sandy

À l'aide de la lodash bibliothèque:

JS:

var myArray = [
    {field: 'id', operator: 'eq', value: 'id'}, 
    {field: 'cStatus', operator: 'eq', value: 'cStatus'}, 
    {field: 'money', operator: 'eq', value: 'money'}
];
var newArray = _.remove(myArray, function(n) {
  return n.value === 'money';;
});
console.log('Array');
console.log(myArray);
console.log('New Array');
console.log(newArray);

HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.js"></script>

InformationsquelleAutor Parth Raval

jAndy la solution est probablement la meilleure, mais si vous ne pouvez pas compter sur le filtre que vous pourriez faire quelque chose comme:

var myArray = [
    {field: 'id', operator: 'eq', value: 'id'}, 
    {field: 'cStatus', operator: 'eq', value: 'cStatus'}, 
    {field: 'money', operator: 'eq', value: "money"}
];

myArray.remove_key = function(key){
    var i = 0, 
        keyval = null;
    for( ; i < this.length; i++){
        if(this[i].field == key){
            keyval = this.splice(i, 1);
            break;
        }
    }
    return keyval;
}

Pourquoi n'aurais-je pas être en mesure de s'appuyer sur filter()?
Parce que c'est une partie de JavaScript 1.6, ce qui n'est pas pris en charge par IE8 et ci-dessous ou les navigateurs plus anciens.

InformationsquelleAutor Rob M.

Basé sur certains des commentaires ci-dessus ci-dessous est le code comment faire pour supprimer un objet en fonction du nom de la clé et de la valeur de la clé de

 var items = [ 
  { "id": 3.1, "name": "test 3.1"}, 
  { "id": 22, "name": "test 3.1" }, 
  { "id": 23, "name": "changed test 23" } 
  ]

    function removeByKey(array, params){
      array.some(function(item, index) {
        return (array[index][params.key] === params.value) ? !!(array.splice(index, 1)) : false;
      });
      return array;
    }

    var removed = removeByKey(items, {
      key: 'id',
      value: 23
    });

    console.log(removed);

InformationsquelleAutor JackTheKnife

Vous devez vous connecter pour publier un commentaire.