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是最好的语言
php是最好的语言original
2018-07-27 14:13:461360parcourir

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"]

à 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"

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

   var colors = ["red","green"];
   colors.unshift("black");
   var item = colors.pop();
   console.log(item); //"black"

4. shift()

   var colors = ["red","green","black"];
   colors.shift();
   console.log(colors); //["green","black"]

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"]

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"]

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"];

Méthode Splice() du tableau

   有三种用法:
  • 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"]

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!

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