Tableau JavaScript - Résumé de la méthode du tableau (recommandé)

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.