Introduction aux méthodes de suppression d'éléments spécifiques des tableaux JavaScript

La suppression d'éléments spécifiés des tableaux js est un problème que chacun de nous rencontre. Il y a beaucoup d'informations à ce sujet en ligne, mais certaines sont trop anciennes et d'autres ne sont pas assez complètes, je vais donc le régler moi-même. Cet article résume et présente principalement diverses méthodes pour supprimer des éléments spécifiques dans les tableaux JavaScript. Les amis dans le besoin peuvent s'y référer.

Avant-propos

Peut-être que lorsqu'il s'agit de supprimer des éléments spécifiques d'un tableau, vous estimez qu'il existe plusieurs façons de le faire y parvenir, alors jetons un coup d'œil ci-dessous. Découvrez ces méthodes que j'ai résumées, elles peuvent vous être utiles ! Pas grand chose à dire, jetons un œil à l’introduction détaillée.

Tableau source

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];

Pseudo-suppression

Qu'est-ce que la pseudo-suppression ? C'est-à-dire définir la valeur de l'élément du tableau sur null ;

arr[ arr.indexOf( 'Thomas' ) ] = null;

Le tableau supprimé ressemble à ceci :

["George", "John", null, "James", "Adrew", "Martin"]

Mais attention, cela signifie que la longueur du tableau Array, c'est-à-dire , la variable arr, reste inchangée

Suppression complète

Qu'est-ce que la suppression complète ? répondez littéralement à cette question. Ce que vous voulez, c'est supprimer la valeur de l'élément du tableau Array et modifier la longueur du tableau. Cette exigence peut être réalisée grâce à la méthode d'épissage de l'objet tableau intégré Array ! En parlant de la méthode d'épissage, parlons de ses paramètres spécifiques :

Array.prototype.splice = function(start,deleteCount,items) {};

Ce qui précède est la définition du prototype de la méthode d'épissage de l'objet intégré Array, Signification chinoise Qu'est-ce que c'est : épissage, la signification de ses paramètres est :

• start : valeur de l'index du point de départ

• deleteCount : nombre d'éléments à supprimer Nombre

• éléments : éléments remplacés/ajoutés après suppression
  Lorsque le paramètre n'est pas ajouté, cela signifie supprimer l'élément, et il doit être combiné avec la valeur du paramètre deleteCount
  Si deleteCount est 1 et que la position du paramètre items reçoit une valeur de paramètre, cela signifie remplacer
  Si deleteCount est 1 et que la position du paramètre items est donnée à plus d'une valeur de paramètre, cela signifie remplacer et ajouter des éléments
  

via la méthode splice pour supprimer la valeur d'élément laissée par la pseudo-suppression ci-dessus nulle

arr.splice( arr.indexOf( null ), 1 );

Le tableau supprimé ressemble à ceci :

["George", "John", "James", "Adrew", "Martin"]

Maintenant que nous avons évoqué la méthode d'épissage, parlons de ses autres fonctions, comme le remplacement d'éléments, l'ajout d'éléments, etc. !

fonction d'épissage - remplacer les éléments

Maintenant, la structure du tableau est comme ceci :

["George", "John", "James", "Adrew", "Martin"]

Vous souhaitez remplacer l'élément de tableau James par Tom

arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );

La structure du tableau remplacée ressemble à ceci :

["George", "John", "Tom", "Adrew", "Martin"]

fonction d'épissage - remplacer et ajouter des éléments

Maintenant, la structure actuelle du tableau ressemble à ceci :

["George", "John", "Tom", "Adrew", "Martin"]

Vous souhaitez remplacer l'élément de tableau Tom par Judy et ajouter Linda et Alisa

arr.splice( arr.indexOf( 'Tom' ), 1, 'Judy', 'Linda', 'Alisa' );

La structure du tableau après remplacement et ajout est la suivante :

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

fonction d'épissage - ajouter des éléments

Vous pouvez choisir n'importe quelle position pour ajouter des éléments, cela dépend de vos besoins spécifiques. La clé est simplement la position de l'index de valeur de départ ! La structure actuelle du tableau est la suivante :

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

Par exemple, si vous souhaitez ajouter Bill et Blake entre Linda et Alisa

arr.splice( arr.indexOf( 'Linda' ) + 1, 0, 'Bill', 'Blake' );

La structure du tableau ajouté ressemble à ceci :

["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

• La position de départ arr.indexOf( 'Linda' ) + 1 est après l'élément du tableau Linda

• Le paramètre nombre d'éléments supprimés est défini ici sur 0. C'est la clé pour ajouter des éléments, ce qui signifie que les éléments sont non supprimé

• 'Bill', 'Blake' Il s'agit du dernier élément de paramètre de la méthode d'épissage de l'objet intégré Array. Cela signifie 0 ou plus. La signification sera différente. en fonction de la valeur du paramètre deleteCount. , ici le paramètre deleteCount est 0 et items a deux valeurs pour représenter ce paramètre, ce qui signifie ajouter les valeurs d'élément 'Bill', 'Blake'
  

comme mentionné ci-dessus Il s'agit de supprimer des éléments spécifiques dans le tableau. Il est trop simple de supprimer le premier élément et le dernier élément. Voici une brève mention de

Suppression du tableau Le premier élément

arr.shift();

Le tableau supprimé ressemble à ceci :

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

Supprimer le dernier élément du tableau

arr.pop();

Le tableau supprimé ressemble à ceci :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!