Les tableaux JavaScript permettent la création d’un groupe itérable de valeurs que vous pouvez manipuler en ajoutant et en supprimant des éléments.
à propos de la suppression d’éléments, il n’y a pas de tableau simple.supprimer la méthode alors, comment supprimez-vous un élément d’un tableau JavaScript?
Le tableau JavaScript a une variété de façons de supprimer les valeurs du tableau.,
Il existe différentes méthodes et techniques que vous pouvez utiliser pour supprimer des éléments dans les tableaux JavaScript:
- pop — Supprime de la Fin d’un Tableau
- maj — Supprime à partir du début d’un Tableau
- splice — supprime à partir d’un index de Tableau
- filtre vous permet de programmation pour supprimer des éléments d’un Tableau
Vous apprendrez également certains autres façons que vous pouvez supprimer des éléments d’un tableau qui pourrait ne pas être si évident, comme avec Lodash.,
la façon la plus simple de supprimer un ou plusieurs éléments de la fin d’un tableau d’éléments est de définir la propriété length sur une valeur inférieure à la valeur actuelle.
Tout élément dont l’index est supérieur ou égal à la nouvelle longueur sera supprimé.
La « méthode pop” supprime le dernier élément du tableau, renvoie cet élément, et les mises à jour de la longueur de la propriété.,
la « méthode pop” modifie le tableau sur lequel elle est invoquée, cela signifie que contrairement à l’utilisation de delete, le dernier élément est complètement supprimé et la longueur du tableau réduite.
supprimer les Éléments de Début d’un Tableau JavaScript
Comment supprimer le premier élément d’un tableau JavaScript?
la « méthode shift” fonctionne un peu comme la méthode pop sauf qu’elle supprime le premier élément d’un tableau JavaScript au lieu du dernier.,
Il n’y a pas de paramètres car la méthode shift n’a supprimé que le premier élément du tableau.
lorsque l’élément est supprimé, les éléments restants sont décalés vers le bas.
la « méthode shift” renvoie l’élément qui a été supprimé, met à jour les index des éléments restants et met à jour la propriété length.
S’il n’y a pas d’éléments, ou si la longueur du tableau est 0, la méthode renvoie undefined.,
utiliser Splice pour supprimer des éléments de tableau en JavaScript
la « méthode splice” peut être utilisée pour ajouter ou supprimer des éléments d’un tableau.
le premier argument spécifie l’emplacement auquel commencer à ajouter ou à supprimer des éléments.
le deuxième argument spécifie Le nombre d’éléments à supprimer.
le troisième argument et les suivants sont facultatifs, ils spécifient les éléments à ajouter au tableau.,
ici, nous utilisons la méthode splice pour supprimer deux éléments à partir de la position trois (index basé sur zéro):
Un tableau contenant les éléments supprimés est renvoyé par la « méthode splice”.
Vous pouvez voir le tableau supprimé contient et le tableau d’origine contient les valeurs restantes.
Vous pouvez également utiliser cette méthode pour supprimer un ensemble d’éléments d’un tableau.,
Suppression d’Éléments de Tableau Par Valeur à l’Aide d’Épissage
Si vous connaissez la valeur que vous souhaitez supprimer à partir d’un tableau vous pouvez utiliser la « méthode splice”.
tout d’Abord, vous devez identifier l’index de l’élément cible.
vous utilisez ensuite l’index comme élément de départ et supprimez un seul élément.
Ceci est un exemple simple où les éléments sont des entiers.,
Si vous avez un tableau d’objets, vous aurez besoin d’une routine plus sophistiquée et cela fonctionne si vous ne souhaitez supprimer qu’un seul élément.
Si vous voulez supprimer plusieurs éléments qui correspondent à vos critères il y a un pépin.
lorsque les éléments sont supprimés du tableau, l’index incrémente toujours et l’élément suivant après que votre valeur correspondante est ignorée.
la solution simple consiste à modifier l’exemple ci-dessus pour décrémenter la variable d’index afin qu’elle ne saute pas l’élément suivant dans le tableau.,
Dans les modifiés exemple, j’ai ajouté 2 5 valeurs dans le tableau.
j’ai également ajouté ‘i — ;’ après l’appel d’épissure.
maintenant, lorsque vous exécutez la boucle, il supprimera tous les éléments correspondants.
en utilisant la méthode Array filter pour supprimer des éléments par valeur
contrairement à la « méthode splice”, « filter” crée un nouveau tableau.
filter() ne mute pas le tableau sur lequel il est appelé, mais en renvoie un nouveau.,
filter() a un seul paramètre, une méthode de rappel qui est déclenchée lorsque la méthode filter parcourt les éléments du tableau.
il transmettra trois valeurs au rappel: la valeur ou l’élément actuel, l’index du tableau actuel et le tableau complet.
la méthode de rappel doit renvoyer true ou false, il est de votre responsabilité de tester la valeur (élément) pour voir si elle répond à vos critères, si c’est le cas, vous pouvez renvoyer true.
les Éléments qui renvoient true sont ajoutés à un nouveau filtré tableau.,
Vous devriez noter un nouveau tableau contenant les valeurs correspondantes est retourné, le tableau d’origine est intacte.
je trouve cela utile car je veux souvent conserver une source de données d’origine, mais récupérer des sous-ensembles basés sur différents ensembles logiques.
la méthode Lodash Array Remove
parfois, les bibliothèques utilitaires sont le meilleur moyen de résoudre des problèmes plus complexes.
Lodash fournit un ensemble riche de méthodes de manipulation de tableaux, dont une pour supprimer des éléments.,
la « méthode remove” de Lodash fonctionne un peu comme la « méthode filter” de tableau, elle n’enregistre pas les valeurs du tableau d’origine mais supprime les éléments correspondants et leur renvoie un nouveau tableau
faisant une méthode Remove
mentionné précédemment, il N’y a pas de tableau natif.supprimer la méthode.
la bibliothèque Lodash offre une méthode qui résout ce problème, mais vous ne voudrez peut-être pas toujours utiliser une bibliothèque.
Cela ne signifie pas que vous ne pouvez pas créer une méthode utilitaire.,
j’ai créé une méthode Array remove utility qui peut être ajoutée à une bibliothèque d’assistance ou d’utilitaire.
comme la « méthode remove” Lodash, le premier paramètre est le tableau cible.
Il utilise la Matrice.filtre pour renvoyer des éléments ne correspondant pas à une valeur.
Cette méthode est simple, il suppose des valeurs simples comme les nombres ou de chaînes de caractères, vous pouvez modifier cette méthode pour utiliser une comparaison personnalisée de la méthode, mais je pense qu’il serait plus facile d’utiliser la méthode de filtrage directement.,
Supprimer Explicitement les Éléments du Tableau à l’Aide de l’Opérateur Delete
Vous pouvez supprimer des éléments d’un tableau à l’aide de l’opérateur delete
à l’Aide de l’opérateur d’effacement n’a pas d’incidence sur la durée de la propriété.
cela n’affecte pas non plus les index des éléments suivants.
le tableau devient clairsemé, ce qui est une façon élégante de dire que l’élément supprimé n’est pas supprimé mais devient indéfini.
l ‘ « opérateur delete” est conçu pour supprimer les propriétés des objets JavaScript, qui sont des tableaux.,
la raison pour laquelle l’élément n’est pas réellement supprimé du tableau est que « l’opérateur de suppression” concerne plus la libération de mémoire que la suppression d’un élément.
La mémoire est libérée lorsqu’il n’y a plus de références à la valeur.
effacer ou réinitialiser un tableau JavaScript
Que Faire si vous voulez vider un tableau entier et simplement vider tous ses éléments?
Il existe quelques techniques que vous pouvez utiliser pour créer un tableau vide ou un nouveau tableau.,
la technique la plus simple et la plus rapide consiste à définir une variable de tableau sur un tableau vide
le problème que cela peut créer est lorsque vous avez des références à la variable.
les références à cette variable ne changeront pas, elles contiendront toujours les valeurs du tableau d’origine.
cela peut bien sûr créer un bug 🐛.,
Ceci est un exemple simpliste de ce scénario
Un truc tout simple pour effacer un tableau est de régler sa longueur de propriété à 0.
l’Autre, une sorte de contre nature technique, est d’utiliser la « méthode splice”, en passant la longueur du tableau que le 2ème paramètre.,
cela renverra une copie des éléments d’origine, ce qui peut être pratique pour votre scénario
Les deux dernières techniques ne créent pas de nouveau tableau mais modifient les éléments du tableau, cela signifie que les références doivent également être mises à jour.
Il y a une autre façon, en utilisant une boucle while, ça me semble un peu étrange, mais en même temps ça a l’air chic, donc ça peut impressionner certains amis!,
ce n’est Pas une façon dont je voudrais aller sur l’effacement d’un tableau JavaScript, mais il fonctionne, et il est lisible.
certains tests de performance ont également montré que c’était la technique la plus rapide, alors peut-être que c’est mieux que ce que je pensais à l’origine!
résumé
La suppression D’éléments de tableau JavaScript est une opération qui a de nombreuses facettes, cela dépend de l’endroit et de la façon dont vous souhaitez supprimer l’élément.
Il n’y a pas une seule méthode ‘remove’ disponible, mais il existe différentes méthodes et techniques que vous pouvez utiliser pour purger les éléments de tableau indésirables.,
Cet article a passé en revue ces méthodes et comment elles peuvent être utilisées et j’espère que vous avez appris une méthode que vous ne connaissiez pas.
Merci pour la lecture!
Laisser un commentaire