Résumé de plusieurs méthodes pour supprimer des é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 l'organiser 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 à null ;

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

Le tableau supprimé ressemble à ceci :

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

Cependant, veuillez noter que cela signifie que le tableau Tableau, c'est-à-dire la longueur de la variable arr, reste inchangé

est complètement supprimé

Qu'est-ce que la suppression complète ? Vous pouvez également penser à ce problème littéralement, qui consiste à supprimer en fait la valeur de l'élément du tableau Array, et le fera modifier la longueur du tableau Vous pouvez utiliser la méthode d'épissure intégrée de l'objet tableau Array répond à cette exigence ! En parlant de la méthode d'épissage, nous devons parler 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. La signification chinoise est : épissage. La signification de ses paramètres est :

• start: start pointindexvalue

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

• é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 mentionné la méthode d'épissage, permettez-moi de parler de ses autres fonctions, comme le remplacement d'éléments, l'ajout d'éléments et d'autres opérations !

épissureFonction - Remplacer les éléments

Maintenant, la structure du tableau est comme ceci :

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

Je souhaite 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 splice - remplacer et ajouter des éléments

Maintenant, la structure actuelle du tableau ressemble à ceci :

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

Je veux remplacer l'élément du tableau Tom par Judy et ajoutez Linda et Alisa

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

La structure du tableau après remplacement et ajout est comme ceci :

["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é réside dans la position de l'indice 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' );

Le tableau ajouté La structure est Cela 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

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

• 'Bill', 'Blake' C'est le. fin de la méthode d'épissage de l'objet intégré Array A, le paramètre items représente 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 le représenter. paramètre, ce qui signifie ajouter la valeur de l'élément 'Bill', 'Blake'
  

Ce qui précède consiste à supprimer des éléments spécifiques du tableau. Il est trop simple de supprimer le premier élément. et le dernier élément. Ici Juste pour le mentionner brièvement

Supprimer le premier élément du tableau

arr.shift();

Le tableau supprimé est Il ressemble à ceci :

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

Supprimer le dernier élément du tableau

arr.pop();

Le tableau supprimé Cela ressemble à ceci :

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

Ce qui précède est tout le contenu de cet article. J'espère que cela pourra aider tout le monde à apprendre JavaScript ! !

Recommandations associées :

Explication détaillée du mode module JavaScript

Diverses méthodes d'écriture d'encapsulation javaScript

JavaScript Explication détaillée des exemples de modèles d'observateur

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!