Maison > interface Web > js tutoriel > le corps du texte

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

php中世界最好的语言
Libérer: 2018-04-18 13:39:03
original
3485 Les gens l'ont consulté

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"];
Copier après la connexion

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;
Copier après la connexion

Le tableau supprimé ressemble à ceci :

["George", "John", null, "James", "Adrew", "Martin"]
Copier après la connexion

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) {};
Copier après la connexion
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 );
Copier après la connexion
Le tableau supprimé ressemble à ceci :

["George", "John", "James", "Adrew", "Martin"]
Copier après la connexion
Copier après la connexion
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"]
Copier après la connexion
Copier après la connexion
Vous voulez remplacer l'élément de tableau James par Tom

arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );
Copier après la connexion
La structure du tableau remplacé ressemble à ceci :

["George", "John", "Tom", "Adrew", "Martin"]
Copier après la connexion
Copier après la connexion
fonction d'épissure - remplacer et ajouter des éléments

Maintenant, la structure actuelle du tableau ressemble à ceci :

["George", "John", "Tom", "Adrew", "Martin"]
Copier après la connexion
Copier après la connexion
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' );
Copier après la connexion
La structure du tableau après remplacement et ajout ressemble à ceci :

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
Copier après la connexion
Copier après la connexion
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"]
Copier après la connexion
Copier après la connexion
Par exemple, ajoutez Bill et Blake entre Linda et Alisa

arr.splice( arr.indexOf( 'Linda' ) + 1, 0, 'Bill', 'Blake' );
Copier après la connexion
La structure du tableau ajouté ressemble à ceci :

["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
Copier après la connexion
  • 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();
Copier après la connexion
Le tableau supprimé ressemble à ceci :

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
Copier après la connexion
Supprimez le dernier élément du tableau

arr.pop();
Copier après la connexion
Le tableau supprimé ressemble à ceci :

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]
Copier après la connexion
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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!