Maison  >  Article  >  interface Web  >  Supprimer les éléments spécifiés du tableau JS

Supprimer les éléments spécifiés du tableau JS

php中世界最好的语言
php中世界最好的语言original
2018-04-18 13:39:033511parcourir

Cette fois, je vais vous présenter JSarraysupprimeréléments spécifiés et quelles sont les précautions pour supprimer des éléments spécifiés des tableaux JS. Voici des cas pratiques. . Levez-vous et jetez un œil.

Dans l'utilisation de JavaScript par tout le monde, la suppression d'éléments spécifiques des tableaux a toujours été un problème pour de nombreuses personnes. Comment supprimer des éléments spécifiques des tableaux JavaScript ? L'article suivant vous donnera une 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 veuillez noter que cela signifie que la longueur du tableau Array, c'est-à-dire la variable arr, reste inchangée

Supprimer complètement

Qu'est-ce que la suppression complète ? Vous pouvez également penser à cette question littéralement, qui consiste à supprimer en fait les valeurs des éléments du tableau Array et à modifier la longueur du tableau. dans array

objectArray Répondez à ce besoin ! En ce qui concerne 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 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 : point de départ

    index valeur

  • deleteCount : nombre d'éléments à supprimer
  • items : éléments à remplacer/ajouter après effacement 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 qu'une valeur de paramètre est donnée dans la position du paramètre items, cela signifie un remplacement Si deleteCount est 1 et que plus d'une valeur de paramètre est donnée dans la position du paramètre items, cela signifie remplacer et ajouter des éléments
Utilisez la méthode splice pour supprimer la valeur de l'élément laissée par la pseudo-suppression ci-dessus

arr.splice( arr.indexOf( null ), 1 );
Le tableau supprimé ressemble à ceci :

["George", "John", "James", "Adrew", "Martin"]
Maintenant que nous avons évoqué la méthode splice, parlons de ses autres fonctions, comme le remplacement d'éléments, l'ajout d'éléments, etc. !

fonction d'épissure - remplacer l'élément

Maintenant, la structure du tableau est comme ceci :

["George", "John", "James", "Adrew", "Martin"]
Vous voulez remplacer l'élément de tableau James par Tom

arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );
La structure du tableau remplacé ressemble à ceci :

["George", "John", "Tom", "Adrew", "Martin"]
fonction d'épissure - 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 ressemble à ceci :

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
fonction d'épissure - ajouter un élément

Vous pouvez choisir n'importe quelle position pour ajouter des éléments, en fonction de vos besoins spécifiques. La clé réside dans 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, ajoutez 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

    est après l'élément du tableau Linda arr.indexOf( 'Linda' ) + 1

  • 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 l'élément
  • n'est pas 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 selon. la valeur du paramètre deleteCount. Ici deleteCount Le paramètre est 0 et items a deux valeurs pour représenter ce paramètre, ce qui signifie ajouter les valeurs d'élément 'Bill', 'Blake'
Ce qui précède concerne la suppression d'éléments spécifiques dans le tableau. Il est trop simple de supprimer le premier élément et le dernier élément. Je le mentionnerai brièvement ici

. Supprimez le premier élément du tableau

arr.shift();
Le tableau supprimé ressemble à ceci :

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
Supprimez le dernier élément du tableau

arr.pop();
Le tableau supprimé ressemble à ceci :

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Étapes détaillées pour l'utilisation de plusieurs bases de données Django

node.js implémente l'encapsulation de l'interface WeChat

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn