Maison > interface Web > js tutoriel > Les méthodes de tableau souvent rencontrées dans l'apprentissage js sont bien résumées.

Les méthodes de tableau souvent rencontrées dans l'apprentissage js sont bien résumées.

php是最好的语言
Libérer: 2018-07-27 14:13:46
original
1358 Les gens l'ont consulté

Résumé de la méthode js array : 1. Insérer push en fin de file d'attente, 2. Supprimer le dernier élément supprimé en fin de file d'attente et renvoyer pop, 3. Insérer unshift() en tête de l'équipe, 4. Supprimez shift() en tête de l'équipe, 5. Le tableau un ajoute le tableau deux concat()

1 Insérez push

   var colors = ["red","green"];
   colors.push("black"):
   console.log(colors); //["red","green","black"]
Copier après la connexion

à la fin de la file d'attente 2. Supprimez la fin de la file d'attente et renvoyez le dernier élément supprimé pop

   var colors = ["red","green","black"];
   var item = colors.pop();
   console.log(item); //"black"
Copier après la connexion

3. Insérez le chef de l'équipe unshift()

   var colors = ["red","green"];
   colors.unshift("black");
   var item = colors.pop();
   console.log(item); //"black"
Copier après la connexion

4. shift()

   var colors = ["red","green","black"];
   colors.shift();
   console.log(colors); //["green","black"]
Copier après la connexion

5. Ajoutez le tableau un au tableau deux concat()

   var colors = ["red","green","black"];
   var colors2 = colors.concat("yellow",["blue","brown"]);
   console.log(colors); //["red","green","black"]
   console.log(colors2); //["red","green","black","yellow","blue","brown"]
Copier après la connexion

6. Array interception slice()
Passez un seul paramètre : intercepter le indice du paramètre dans le tableau jusqu'à la fin du tableau.

   var colors = ["red","green","black"];
   colors.slice(1); //["green","black"]
   console.log(colors); //["red","green","black"]
Copier après la connexion

Passez deux paramètres : le premier est la position de départ de l'interception, le second est la position finale de l'interception

   var colors = ["red","green","black","yellow","blue","brown"];
   colors.slice(1,3)//从位置1开始,到位置2结束["green","black"];
Copier après la connexion

Méthode Splice() du tableau

   有三种用法:
Copier après la connexion
  • Supprimer : vous pouvez supprimer n'importe quel nombre d'éléments en spécifiant deux paramètres : le premier paramètre est la position de départ de la suppression et le deuxième paramètre est le nombre d'éléments supprimés.

  • Insérer : Vous pouvez insérer n'importe quel nombre d'éléments dans la position spécifiée en fournissant 3 paramètres : la position de départ, 0 (le nombre d'éléments à supprimer) et les éléments à insérer. Par exemple : splice(2,0,"red","green") insérera les chaînes "red" et "green" à partir de la position 2 du tableau actuel.

  • Remplacement : Vous pouvez insérer n'importe quel nombre d'éléments dans la position spécifiée et supprimer n'importe quel nombre d'éléments en même temps. Vous n'avez qu'à fournir 3 paramètres : la position de départ, le numéro. nombre d'éléments à supprimer et nombre d'éléments à supprimer. N'importe quel nombre d'éléments insérés. Le nombre d'éléments insérés n'est pas nécessairement égal au nombre d'éléments supprimés. Par exemple : splice (2,1,"red","green") supprimera l'élément à la position 2 du tableau actuel, puis insérera la chaîne à partir de la position 2.

   var colors = ["red","green","black"];
   var removed = colors.splice(0,1);
   console.log(colors); //["green","black"]
   console.log(removed); //["red"]
    
   removed = colors.splice(1,0,"yellow","orange");
   console.log(colors); //["green","yellow","orange","black"]
   console.log(removed); //[]

   removed = colors.splice(1,1,"red","purple");
   console.log(colors); //["green","red","purple","orange","black"]
   console.log(removed); //["yellow"]
Copier après la connexion

8. Méthodes de position indexOf() et lastIndexOf()

Articles connexes :

Résumé des méthodes de fonctionnement des tableaux js (Article à lire absolument)

Résumé des méthodes de déduplication de tableaux JS

Vidéos associées :

Tableaux et objets js - Tutoriel vidéo pratique Qian Feng Educational JS

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