Méthodes modernes pour supprimer des éléments des tableaux en JAVASCRIPT

table des matières

1. Tableaux en JavaScript

Les tableaux en JavaScript sont des objets spéciaux qui stockent des éléments séquentiellement, c’est-à-dire qu’ils stockent des éléments les uns après les autres en mémoire. Ce sont des objets de haut niveau, de type liste. Vous pouvez réellement les considérer comme des listes d’éléments.

Tous les éléments d’un tableau ont un index qui indique la position de cet élément dans le tableau. L’élément en première position a un index de 0 puis a ensuite un index de 1 etc. Pour cette raison, les index de tableau de JavaScript sont basés sur zéro.,
Les éléments dans les tableaux JavaScript sont accessibles en utilisant leur index.
Nous pouvons trouver l’index d’un élément dans un tableau en utilisant une méthode spéciale appelée indexOf.

Vous pouvez simplement penser à des tableaux JavaScript comme un ensemble ordonné de valeurs auxquelles vous vous référez, avec un nom et un index

Le nombre total d’éléments dans un tableau, c’est la longueur de ce tableau.
la propriété length est spéciale. Il renvoie toujours l’index du dernier élément plus un.

const evenNumbers = console.journal (evenNumbers.,length) / / renvoie la longueur du tableau evenNumbers

Les tableaux JavaScript sont la structure de données la plus utilisée et parce qu’ils organisent les éléments séquentiellement, il est super facile d’accéder au premier et au dernier élément. Par conséquent, la suppression de ces éléments est très facile en JavaScript.

2. Tableau.prototype.maj()

La méthode shift() supprime le premier élément dans un tableau (qui est l’élément à l’indice de zéro). Il réorganise également les éléments restants dans le tableau et décrémente la longueur du tableau d’un. Enfin, il renvoie l’élément supprimé.

3. Tableau.prototype.,pop()

La méthode pop() est l’inverse de la maj(). Il supprime le dernier élément du tableau.
L’index du dernier élément du tableau est la longueur du tableau moins un. La méthode pop () décrémente également la longueur du tableau d’un et renvoie l’élément supprimé.

4. L’opérateur Delete

Les méthodes pop() et shift() nous donnent un moyen de supprimer des éléments d’un tableau à partir d’une position prédéfinie, à savoir: la dernière ou la première position respectivement. Bien qu’ils soient géniaux, nous n’avons pas la liberté de supprimer des éléments de toute autre position., Que faire si nous voulons supprimer des éléments à un certain indice, qui n’est ni le premier ni le dernier?

L’opérateur delete est excellent pour cela.
contrairement à pop() et shift (), l’opérateur delete renvoie le nouveau tableau.

Une chose à noter avant d’utiliser la méthode delete est qu’elle ne change pas la longueur du tableau comme vu ci-dessus. Il supprime l’élément spécifié et ajoute undefined à sa place.

5. Tableau.prototype.,splice ()

Si l’opérateur delete ne vous convient pas car il ne met pas à jour la longueur du tableau, une autre méthode de tableau intégrée que vous pouvez utiliser est la méthode splice ().

la méthode splice() est une méthode de tableau intégrée très puissante qui peut être utilisée pour supprimer des éléments de tableau à n’importe quel index. Il peut également être utilisé pour ajouter des éléments ou remplacer un élément existant. Mais nous allons simplement nous en tenir à la suppression des éléments d’un tableau. Il peut supprimer plusieurs éléments d’un tableau contrairement à pop() et shift() qui supprime un élément à la fois.,
Enfin, la méthode splice () renvoie un nouveau tableau contenant les éléments supprimés.

La méthode splice() peut prendre jusqu’à trois paramètres pour notre cas d’utilisation, il a besoin que de deux. Le premier spécifie l’index de commencer la suppression de la deuxième spécifie le nombre d’éléments à supprimer du tableau

6. Tableau.prototype.filter ()

Nous avons vu la puissance de splice() ci-dessus comme nous l’avons utilisé pour les éléments de n’importe quel index dans un tableau. Mais avec splice (), nous ne pouvions Supprimer que plusieurs éléments en série.

Que faire si nous voulons supprimer tous les mots de notre numList tableau ci-dessus?, puisque les mots ne sont pas dans la série dans le tableau ci-dessus splice() n’est pas le meilleur ajustement. Sauf que nous implémentons notre propre méthode remove () où nous pouvons l’utiliser sous le capot. Une bonne option consiste à utiliser le filter() car nous supprimons toutes les instances d’une chaîne dans le tableau.

la méthode filter() appelle une fonction de rappel fournie une fois pour chaque élément d’un tableau et renvoie un nouveau tableau d’éléments qui réussit le test implémenté dans la fonction de rappel.

a remarqué la puissance de la méthode filter (), comment elle nous permet de supprimer plusieurs éléments d’un tableau quel que soit leur index., Notez également comment nous pouvons combiner des conditions dans l’implémentation de la fonction de rappel pour cibler plusieurs éléments.

un chef-d’œuvre

Il existe encore d’autres façons de le faire en JavaScript, vraiment à ce stade, cela devrait se résumer à l’implémentation par un développeur de sa propre fonction personnalisée. Peut-être que vous rêvez d’une méthode remove() de votre propre. Je vous laisse avec un chef-d’œuvre de John Resig. (Le créateur de jQuery).

8. Pensées de fermeture

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *