Le type de tableau en JavaScript est souvent utilisé et le type de tableau fournit également de nombreuses méthodes pour répondre à nos besoins. Résumons-le ci-dessous.
1. Méthodes pour créer un tableau
var couleurs = nouveau array ();
var couleurs = nouveau tableau (3); // créer un tableau de longueur 3
var couleurs = nouveau tableau ("rouge", "bleu") // créer un tableau ["rouge", "bleu"]
Bien sûr, le nouveau ci-dessus peut être omis et écrit, comme var couleurs = array ("rouge");
2. Utilisez directement des littéraux de tableau
var couleurs = ["rouge", "bleu", "vert"];
2. Méthode du tableau 1
var couleurs = ["rouge", "bleu", "vert"];
1. Obtenez la longueur des couleurs du tableau.
2. Accédez au deuxième élément des couleurs du tableau [1]; // bleu
3. Modifiez le deuxième élément de couleurs de données [1] = "noir"; // ["rouge", "noir", "vert"]
4. Vérifiez s'il s'agit d'une instance de couleurs de tableau du tableau; // vrai
5. Colors.toString (); // Les chaînes de sortie sont séparées par des virgules par des virgules.
6. Colors.join ("|"); // Personnalisez la chaîne de sortie rouge | bleu | vert avec "|"
7. Colors.push ("Brown") // Ajouter un élément à la fin du tableau
8. Colors.pop () // Supprimer un élément à la fin du tableau
9. Colors.shift () // Supprimer le premier élément du tableau et obtenir la valeur
10. Colors.unshift ("K1", "K2") // insérer ces deux éléments devant le tableau; ["k1", "k2", "rouge", "bleu", "vert"];
11. Colors.reverse () // L'ordre des tableaux flip
12. couleurs.sort () ou couleurs.sort ([func]);
13. Concat () renvoie un nouveau tableau, sans affecter le tableau d'origine Colors.Concat () ou Colors.Concat ("K1");
14. Slice (Begin, End) Copiez ces données de l'indice du tableau commencez à finir, à l'exclusion de la fin de l'indice. S'il s'agit de tranche (commencer), il commence à partir de l'indice, commencez à la fin du tableau.
15. épisser
Splice (0,2) // dépose deux éléments du tableau à partir de l'indice 0
Splice (2,0, "K1", "K2") supprime 0 éléments de l'indice 2, puis insère deux éléments d'ici.
Splice (2,1, "K1") // Supprimer un élément de l'indice 2, puis insérer un élément d'ici
16. indexof ("item") // de l'en-tête du tableau pour trouver un élément, renvoyez la valeur de l'index après l'avoir trouvée, mais ne peut pas la trouver et retourner -1
17. LastIndexof ("Item") // De la fin du tableau pour trouver un élément, renvoyez la valeur de l'indice après l'avoir trouvée et renvoyez -1 si elle ne peut être trouvée.
3. Méthode du tableau 2: Méthode itérative (ECMascript5)
1. Chaque (): exécutez la fonction donnée sur chaque élément du tableau. Chaque élément renvoie vrai, puis vrai (n'affecte pas le tableau d'origine)
var nombres = [1,2,3,2,1]; // juger si chaque nombre est supérieur à 2var flag = nombres.very (fonction (item, index, array) {return item> 2;});2. Filter (): Exécutez la fonction donnée sur chaque élément dans le tableau et renvoyez l'élément avec la fonction True (n'affecte pas le tableau d'origine)
var nombres = [1,2,3,2,1]; // renvoie l'élément supérieur à 2 var array = nombres.filter (fonction (item, index, array) {return item> 2;});3. ForEach (): Exécute une fonction donnée sur chaque élément du tableau, sans renvoyer la valeur (n'affecte pas le tableau d'origine)
var nombres = [1,2,3,2,1]; // Sortie les nombres carrés de chaque élément.ForEach (fonction (élément, index, array) {console.log (item * 2);});4. Map (): Exécutez une fonction donnée sur chaque élément du tableau et renvoyez un tableau composé du résultat après chaque appel de fonction (n'affecte pas le tableau d'origine)
var nombres = [1,2,3,2,1]; // renvoie le carré de chaque élément var array = nombres.map (fonction (item, index, array) {return item * item;});5. Certains (): Exécutez la fonction donnée sur chaque élément du tableau. S'il y a un élément qui renvoie True, il renvoie True.
var nombres = [1,2,3,2,1]; var flag = nombres.some (fonction (élément, index, array) {return item> 2});3. Méthode du tableau 3: Méthode de fusion (Ecmascript5)
1. La méthode Reduce () commence à partir de la première ligne du tableau et traverse une par une à la fin.
2. La méthode ReduceRight () commence à partir du dernier élément du tableau et traverse un par un vers un.
Var nombres = [1,2,3,4,5]; var result = nombres.reduce (fonction (prev, cur, index, array) {// prev: le résultat de l'opération précédente, qui était le premier terme du numéro au début // cur: le terme actuel de la table // index: le sous-discours de l'arrivée actuelle // Tableau: "Prév); console.log ("Cur:" + Cur); console.log("============================================================================= ================================================================================================. ==================================================================================================================. ================================================================================================.Le résumé de la méthode du tableau JavaScript ci-dessus (recommandé) est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.