- Supprimer l'élément du tableau à l'aide de la méthode splice () en JavaScript
- Supprimer l'élément du tableau à l'aide de la méthode filter() en JavaScript
Méthode 1: supprimer l'élément du tableau par valeur à l'aide de la méthode splice () en JavaScript
En JavaScript, une méthode intégrée tableau.splice() est utilisé pour supprimer l'élément du tableau. La méthode renvoie le nouveau tableau en supprimant la valeur de l'élément, qui est transmise via l'index. Le but de l'utilisation de cette méthode est d'écraser le tableau en ajoutant ou en supprimant les éléments du tableau. Discutons de la syntaxe.
Syntaxe
déployer. épissure ( dans , sur une , éléments )
Les paramètres sont décrits comme suit :
- dans: spécifiez le numéro d'index pour supprimer l'élément.
- sur une: représente le nombre à supprimer.
- éléments: font référence à l'ajout d'éléments dans le tableau.
Code
constante arr = [ { sur une : 5 } , { sur une : dix } , { sur une : quinze } ] ;
constante idxObj = arr. trouverIndex ( objet => {
revenir objet. sur une === dix ;
} ) ;
arr. épissure ( idxObj , 1 ) ;
console. Journal ( arr ) ;
Le code raconte la suppression d'un élément dont sur une La valeur est dix . Dans ce code, le arr.splice() méthode est utilisée pour supprimer un élément en passant le idxObj indice de la arr déployer. Enfin, le nouveau tableau est affiché à l'aide de la console.log() méthode.
Production
La sortie renvoie le nouveau tableau, dont la longueur est 2. Dans ce nouveau tableau, l'élément dont la valeur est égale à 10 est supprimé via la arr.splice() méthode en JavaScript.
Méthode 2: supprimer un élément du tableau à l'aide de la méthode filter () en JavaScript
La filtre() La méthode est utilisée pour filtrer un tableau en fonction des critères spécifiés. Dans cette méthode, les utilisateurs peuvent spécifier la valeur pour la suppression d'éléments dans le tableau. La filtre() La méthode itère sur les éléments existants du tableau. En outre,
Syntaxe
déployer. filtre ( fonction ( CourVal , idx , arr ) , cette valeur )La description des paramètres est comme ci-dessous.
- fonction: représente la fonction de rappel.
- CourVal : spécifie la valeur actuelle de l'élément.
- idx : fait référence à l'index de l'élément actuel.
- arr : représente le tableau.
Exemple
Un exemple est utilisé pour supprimer un élément du tableau en passant la valeur en JavaScript.
Code
constante arr = [{ Nom : 'Harry' , Afficher : 'Criquet' } ,
{ Nom : 'John' , Afficher : 'Football' } ,
{ Nom : 'Marier' , Afficher : 'Le hockey' } ,
{ Nom : 'Bob' , Afficher : 'Fonctionnement' } ,
] ;
console. Journal ( arr ) ;
rem = arr. filtre ( arr => arr. Nom != 'Harry' ) ;
console. Journal ( rem ) ;
Le code est expliqué ci-dessous :
- Tout d'abord, un tableau arr est créé en stockant différents éléments tels que des noms et Afficher .
- Après cela, le filtre() méthode est utilisée en passant la condition arr.name!='Harry' .
- Finalement, le console.log() La méthode est utilisée pour afficher le nouveau tableau.
Production
La sortie du code renvoie le nouveau tableau en supprimant un élément spécifique dont la valeur est égale à ' Harry ”.
Conclusion
Deux méthodes intégrées tableau.splice() et tableau.filtre() Les méthodes sont utilisées pour supprimer des éléments d'un tableau en JavaScript. Dans le tableau.splice() , la valeur d'index d'un élément est transmise pour la suppression d'un élément spécifié dans le tableau. La tableau.filtre() La méthode est utilisée pour filtrer le tableau existant en appliquant des conditions. Ces deux méthodes sont utiles pour traiter de nombreux éléments afin d'économiser du temps et des efforts pour les développeurs ainsi que pour les utilisateurs. Dans cet article, vous avez appris à supprimer des éléments d'un tableau en transmettant des valeurs dans Javascript .