Maison > interface Web > js tutoriel > Quelles sont les méthodes couramment utilisées pour les tableaux ?

Quelles sont les méthodes couramment utilisées pour les tableaux ?

清浅
Libérer: 2020-09-08 11:18:39
original
79861 Les gens l'ont consulté

Les méthodes couramment utilisées dans les tableaux sont : 1. La méthode push pour ajouter un nouveau contenu à la fin du tableau ; 2. La méthode pop pour supprimer le dernier élément du tableau ; 3. La méthode shift pour supprimer ; le premier élément du tableau ; 4. Ajoutez un nouveau contenu à la première partie du tableau en utilisant la méthode unshift et ainsi de suite.

Quelles sont les méthodes couramment utilisées pour les tableaux ?

[Cours recommandés : Tutoriel JavaScript]

Quelques tableaux couramment utilisés Méthode :

1. push()

Ajouter un nouveau contenu à la fin du tableau

Paramètre : élément à ajouter. Passez plusieurs nombres séparés par des virgules, tout type de données est acceptable

Valeur de retour : La longueur du nouveau tableau

S'il faut modifier le tableau d'origine : Modifier

let ary1 = [12,34,26];
ary1.push(100); //返回一个新的长度 
length=4console.log(ary1)//结果为 [12,34,26,100]
Copier après la connexion

2. pop()

Supprimer le dernier élément du tableau

Paramètres : Aucun

Valeur de retour : L'élément supprimé

S'il faut changer le tableau d'origine : Modifier

let ary2 = [108,112,39,10];
ary2.pop();//删除的最后一项为10
console.log(ary2);//[108, 112, 39]
Copier après la connexion

3. shift()

Supprimer le premier élément du tableau

Paramètre : Aucun

Valeur de retour : L'élément supprimé

S'il faut modifier le tableau d'origine : Modifier

let ary3 = [0,108,112,39];
ary3.shift();//删除的第一项为0
console.log(ary3);//[108, 112, 39]
Copier après la connexion

4. unshift()

au tableau Ajouter un nouveau contenu en première position

Paramètres : éléments à ajouter, plusieurs éléments séparés par ','

Valeur de retour : longueur du nouveau tableau

S'il faut changer le tableau d'origine : change

let ary4 = ['c','d'];
ary4.unshift('a','b');
console.log(ary4);//["a", "b", "c", "d"]
Copier après la connexion

5. slice()

Découvrez une partie du contenu selon les conditions

Paramètres :

array.slice(n, m), recherche de l'index n à m (hors m)

array.slice(n) Si le deuxième paramètre est omis, recherche jusqu'à la fin

array .slice(0) affiche le contenu tel quel, ce qui peut réaliser le clonage de tableau

array.slice(-n,-m) slice prend en charge les paramètres négatifs , en comptant à partir du dernier élément, -1 est le dernier élément, - 2 est l'avant-dernier élément

Valeur de retour : renvoie un nouveau tableau

S'il faut modifier le tableau d'origine : ne pas modifier

let ary5 = [1,2,3,4,5,6,7,8,9]; 
//console.log(ary5.slice(2,8));//从索引2开始查找到索引为8的内容,结果为[3, 4, 5, 6, 7, 8] 
//console.log(ary5.slice(0)); 
console.log(ary5.slice(-2,-1));//[8]
Copier après la connexion

6. splice()

Ajouter, supprimer et modifier le tableau

Ajouter : ary.splice(n,0,m ) supprime 0 élément à partir de l'index n et insère m ou plus de contenu dans l'index n Le devant de

renvoie un tableau vide

Modification : ary.splice(n,x,m) supprime x éléments à partir de l'index n, et remplace la partie supprimée par m

Remplacez l'original Supprimez tout contenu, puis remplacez-le par le nouveau contenu

Supprimer : ary.splice(n,m) Supprimer m contenu

à partir de l'index n (si le deuxième paramètre est omis, alors supprimer de n jusqu'à la fin)

renvoie le nouveau tableau supprimé et le tableau d'origine change

//增加
  let ary6_z = [33,44,55,66,77,88];
  ary6_z.splice(2,0,'a','b')
  console.log(ary6_z);// [33, 44, "a", "b", 55, 66, 77, 88]

  //修改
  let ary6_x = [33,44,55,66,77,88];
  ary6_x.splice(1,2,'x','y')
  console.log(ary6_x);// [33, "x", "y", 66, 77, 88]

  //删除
   let ary6_s = [33,44,55,66,77,88];
   //console.log(ary6.splice(3,2))//[66, 77]
   console.log(ary6_s.splice(3));//[66, 77, 88]
Copier après la connexion

7. join()

est spécifié Le délimiteur concatène chaque élément du tableau en une chaîne

Paramètre : le délimiteur spécifié (si ce paramètre est omis, une virgule est utilisée comme délimiteur)

Valeur de retour : les caractères épissés Chaîne

S'il faut modifier le tableau d'origine : Aucun changement

let ary7 = [1,2,3];
console.log(ary7.join('、'));//1、2、3
Copier après la connexion

8. concat()

est utilisé pour connecter deux ou plusieurs tableaux

Paramètres : les paramètres peuvent être des valeurs spécifiques ou des objets de tableau. Peut être n'importe quel nombre de

Valeur de retour : renvoie le nouveau tableau après la connexion

S'il faut modifier le tableau d'origine : ne pas modifier

let ary8 = ['你'];
let ary80 = ary8.concat('好');
console.log(ary80);//["你", "好"]
Copier après la connexion

9. indexOf()

Détecter l'index de la première occurrence de la valeur courante dans le tableau

Paramètres : array.indexOf(item,start) item : l'élément à trouver start : démarre la récupération dans la chaîne Position

Valeur de retour : L'index trouvé pour la première fois, s'il n'est pas trouvé, renvoie -1

S'il faut modifier le tableau d'origine : Ne pas modifier

let ary9 = ['a','b','c','d','e','a','f'];   
console.log(ary9.indexOf('c'));//2
console.log(ary9.indexOf('a',3))//5
Copier après la connexion

10 , lastIndexOf()

Détecte l'indice de position de la dernière occurrence de la valeur actuelle dans le tableau

Paramètres : array.lastIndexOf( item,start) item : élément à trouver start : string La position de départ de la recherche

Valeur de retour : L'index trouvé pour la première fois, s'il n'est pas trouvé, renvoie -1

Si pour modifier le tableau d'origine : Ne pas modifier

let ary10 = ['a','b','c','d','e','a','f'];   
console.log(ary10.lastIndexOf('c'));//2
console.log(ary10.lastIndexOf('f',1))//-1
Copier après la connexion

11. include()

Déterminer si un tableau contient une valeur spécifiée

Paramètre : Contenu spécifié

Valeur de retour : valeur booléenne

S'il faut modifier le tableau d'origine : ne pas modifier

let ary13 = ['a','b','c','d']; 
console.log(ary13.includes('c'));//true
console.log(ary13.includes(2));//false
Copier après la connexion

sort()12.

Trier les éléments du tableau (la valeur par défaut est de trier du petit au grand Et trié selon les chaînes)

Paramètres : Facultatif (fonction) Spécifie la règle de tri par défaut. par ordre alphabétique croissant

Valeur de retour : Nouveau tableau après le tri

S'il faut modifier le tableau d'origine : Modifier

le tri ne peut gérer le tri numérique que dans les 10 (chiffres à un chiffre) sans passer les paramètres

 let ary11 = [32,44,23,54,90,12,9]; 
   ary11.sort(function(a,b){        // return a-b;  // 结果[9, 12, 23, 32, 44, 54, 90]
        // return b-a;  // 结果[90, 54, 44, 32, 23, 12, 9]   })  
    console.log(ary11);
Copier après la connexion

13. reverse()

Organiser le tableau à l'envers

Paramètres : Aucun

Valeur de retour : Nouveau tableau après l'ordre inverse

S'il faut modifier le tableau d'origine : Modifier

let ary12 = [6,8,10,12]; 
console.log(ary12.reverse());//[12, 10, 8, 6]
Copier après la connexion

14. forEach()

Parcourir chaque élément. dans le tableau

Paramètres : fonction ary.forEach(function(item,index,ary ){}) élément : chaque élément index : index ary : tableau actuel

valeur de retour : aucun

s'il faut modifier le tableau d'origine : aucun changement

continue ne peut pas être utilisé dans forEach et break, vous ne pouvez pas sauter hors de forEach, vous ne pouvez que sauter (revenir sauter)

 let ary14 = ['a','b','c','d']; 
 let item = ary14.forEach(function(item,index,ary){
        console.log(item,index,ary);
   })
Copier après la connexion

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