Lors du traitement des données en bloc, il peut être nécessaire de supprimer certaines entrées en raison d'une mise à jour. Par exemple, supprimer les valeurs basées sur un attribut ou une propriété particulière. Cela permet d'accéder facilement aux données pertinentes et de supprimer les entrées indésirables. Dans de telles situations, la suppression d'un objet d'un tableau par sa valeur en JavaScript est très utile pour accéder instantanément aux données et économiser de la mémoire.
Cet article discutera des approches pour supprimer un objet d'un tableau par sa valeur en JavaScript.
Comment supprimer/éliminer un objet d'un tableau par sa valeur en JavaScript ?
Pour éliminer un objet d'un tableau par sa valeur en JavaScript, appliquez les approches suivantes :
Discutons de chacune des approches énoncées une par une !
Approche 1 : supprimer un objet d'un tableau par sa valeur en JavaScript à l'aide des méthodes findIndex() et splice()
La ' trouverIndex() ” La méthode renvoie l'index (position) de l'élément sans apporter de modification au tableau d'origine. La ' épissure() ” La méthode ajoute/supprime les éléments particuliers du tableau et affecte également le tableau d'origine. Ces méthodes peuvent être utilisées pour localiser l'index de l'objet qui doit être supprimé. Après cela, l'objet particulier est épissé en fonction du nombre spécifié.
Syntaxe
tableau.findIndex ( fonction ( currVal, index, tableau ) , évaluer )Dans cette syntaxe :
- ' fonction ” fait référence à la fonction qui doit être appelée pour chaque élément d'un tableau.
- Les paramètres de la fonction font référence à l'index de la valeur actuelle dans le tableau spécifié.
- ' évaluer ' indique la valeur qui doit être passée à la fonction comme ' cette ”.
tableau.splice ( index, num, nouveau )
Dans la syntaxe ci-dessus :
- ' indice ” indique la position où les éléments sont censés être ajoutés ou supprimés.
- ' sur une ” représente le numéro de l'article.
- ' Nouveau » correspond aux nouveaux éléments en remplacement.
Exemple
Suivons le code ci-dessous :
< scénario taper = 'texte/javascript' >laisser tableaudonné = [ { âge: 18 } , { âge: vingt } , { âge: 25 } ] ;
laisser removeObject = tableaudonné.findIndex ( objet = > {
revenir objet.age === 18 ;
} ) ;
console.log ( 'L'index de l'objet à supprimer est :' , supprimerObjet ) ;
tableaudonné.splice ( supprimerObjet, 1 ) ;
console.log ( 'Le tableau après avoir supprimé l'objet par valeur devient :' , tableaudonné ) ;
scénario >
Dans l'extrait de code ci-dessus :
- Déclarez un tableau d'objets ayant les propriétés indiquées.
- A l'étape suivante, associez le ' trouverIndex() ” avec le tableau déclaré à l'étape précédente.
- Cela conduira à parcourir chaque élément (objet) d'un tableau.
- En conséquence, l'index de l'objet particulier du tableau sera affiché qui correspond à la valeur indiquée par rapport à la propriété, c'est-à-dire 18.
- Après cela, appliquez le ' épissure() ” en se référant à l'index récupéré, ce qui supprimera l'objet particulier de cet index.
- Notez que ' 1 ” indique le nombre d'objets à supprimer.
- Enfin, affichez le tableau de l'objet résultant.
Production
Dans la sortie ci-dessus, on peut voir que l'index de l'objet particulier est affiché et qu'il est supprimé ultérieurement.
Approche 2 : supprimer un objet d'un tableau par sa valeur en JavaScript à l'aide de la méthode filter()
La ' filtre() ” La méthode crée un nouveau tableau d'éléments qui réussissent un test particulier. Cette méthode peut être appliquée pour filtrer l'objet qui doit être supprimé en fonction d'une condition via l'opérateur de comparaison.
Syntaxe
tableau.filtre ( fonction ( val ) , cette )Ici:
- ' fonction » pointe vers la fonction qui va rediriger vers la fonction de filtrage.
- ' val ' est la valeur de l'élément actuel.
- ' cette ” indique la valeur passée à la fonction.
Exemple
Passons en revue l'exemple ci-dessous :
< scénario taper = 'texte/javascript' >laisser tableaudonné = [ { Taille: 35 } , { Taille: 40 } , { Taille: Quatre cinq } ] ;
console.log ( 'Le tableau donné est :' , tableaudonné )
laisser nouveauTableau = tableaudonné.filtre ( objet = > {
revenir objet.taille ! == Quatre cinq ;
} ) ;
console.log ( 'Le tableau après avoir supprimé l'objet par valeur devient :' , nouveauTableau ) ;
scénario >
Appliquez les étapes suivantes, comme indiqué dans les lignes de code ci-dessus :
- De même, déclarez un tableau d'objets et affichez-le.
- Après cela, appliquez le ' filtre() » méthode en se référant aux éléments (objets).
- Maintenant, filtrez le tableau associé de sorte qu'un nouveau tableau soit formé en fonction de la condition satisfaite via le ' pas égal(!==) ” opérateur de comparaison.
- Enfin, affichez le tableau filtré.
Production
La sortie ci-dessus indique que le nouveau tableau d'objets filtrés est formé.
Approche 3 : Supprimer un objet d'un tableau par sa valeur en JavaScript à l'aide de la méthode pop()
La ' populaire() ” La méthode élimine le dernier élément d'un tableau et affecte également le tableau d'origine. Cette méthode peut être utilisée pour extraire un objet particulier du tableau et créer un tableau mis à jour avec l'objet supprimé.
Exemple
L'exemple ci-dessous illustre le concept discuté :
< scénario taper = 'texte/javascript' >laisser tableaudonné = [ { Nom: 'Harry' } , { Nom: 'David' } ]
laisser nouveauTableau = tableaudonné.pop ( objet = > {
revenir objet.nom = 'Harry'
} )
console.log ( 'Le tableau après avoir supprimé l'objet par valeur devient :' , nouveauTableau ) ;
scénario >
Dans l'extrait de code ci-dessus :
- De même, déclarez un tableau d'objets ayant les propriétés indiquées.
- À l'étape suivante, appliquez le ' populaire() ” méthode pour supprimer l'objet particulier ayant la valeur indiquée par rapport à la propriété “ Nom ”.
- En conséquence, un seul objet sera laissé dans le tableau résultant ' nouveauArr ”.
- Enfin, affichez le tableau de l'objet mis à jour, c'est-à-dire newArr.
Production
La sortie ci-dessus signifie que l'exigence souhaitée est remplie.
Conclusion
La ' trouverIndex() ' et ' épissure() » méthodes, les « filtre() » ou la méthode « populaire() ” peut être appliquée pour supprimer un objet d'un tableau par sa valeur en JavaScript. Ces approches suppriment un objet particulier en fonction de l'indexation, en le filtrant via l'opérateur différent (!==) ou simplement en le faisant apparaître sur une condition, respectivement. Cet article a expliqué les approches pour supprimer/éliminer un objet d'un tableau par sa valeur à l'aide de JavaScript.