Le type de tableau est le type de référence le plus utilisé dans ECMAScript. Les données dans ECMAScript sont très différentes des tableaux dans la plupart des autres langues. Bien que les données dans ECMAScript soient une liste ordonnée de données comme les tableaux dans d'autres langues, la différence est que chaque élément d'un tableau ECMascript peut maintenir tout type de données, qu'il s'agisse d'une valeur numérique, d'une chaîne ou d'un objet. Dans le même temps, la taille du tableau dans ECMAScript peut être ajustée dynamiquement, c'est-à-dire qu'elle peut se développer automatiquement en fonction de l'ajout de données pour s'adapter aux données nouvellement ajoutées. Vous trouverez ci-dessous un résumé des fonctions de fonctionnement couramment utilisées et des usages des tableaux en JavaScript.
• Créer un tableau
Il existe deux méthodes principales pour créer des tableaux: le constructeur et les littéraux du tableau, comme indiqué ci-dessous:
var arr = new Array (); var arr = [];
Pour le constructeur, nous pouvons passer une valeur numérique pour créer un tableau contenant le nombre donné de termes, comme suit:
var arr = nouveau tableau (3); // la longueur du tableau est 3
Vous pouvez également transmettre directement les valeurs stockées dans le tableau, comme suit:
var arr = nouveau tableau ("rouge", "vert", "bleu");Quoi qu'il en soit, il est recommandé d'utiliser des littéraux de tableau pour créer des tableaux.
• Tableau de détection
Pour un seul environnement d'exécution globale, l'opérateur d'instance OFF peut détecter s'il s'agit d'un tableau, par exemple:
var arr = [1,2,3]; Console.log (Arrose Of Array); //vrai
Cependant, si la page Web contient plusieurs cadres, il contient également plusieurs environnements d'exécution globale. ES5 a ajouté la méthode Array.isArray () pour déterminer si une valeur est un tableau, quel que soit l'environnement d'exécution global qu'il a été créé, comme suit:
if (array.isArray (arr)) {// effectuer certaines opérations}• Conversion des chaînes de tableaux
Chaque objet a des méthodes tolocalestring (), toString () et Value of (). L'appel de la méthode toString () du tableau renvoie une chaîne épissée sous la forme d'une chaîne de chaque valeur dans le tableau et séparée par des virgules. L'appel de la méthode de valeur de () du tableau renvoie un tableau, mais en fait, il est appelé la méthode toString () de chaque élément dans le tableau, comme suit:
var arr = ["rouge", "vert", "bleu"]; console.log (arr.tostring ()); // rouge, vert, bleu console.log (arr.valueof ()); // Red, vert, Console bleu.log (ARR); // rouge, vert, bleu
La méthode Tolocalestring () du tableau est différente de ToString () qu'elle appellera la méthode tolocalestring () de chaque élément dans le tableau et épisser la valeur de retour de chaque élément Tolocalestring () en une chaîne séparée par des virgules. À l'aide de la méthode join (), vous pouvez utiliser différents séparateurs pour construire cette chaîne, comme suit:
var arr = ["rouge", "vert", "bleu"]; console.log (arr.join (",")); // rouge, vert, bleu console.log (arr.join ("||")); // rouge || vert || bleu• Ajouter et supprimer les tableaux
La méthode push () reçoit un nombre de paramètres, les ajoute une par une à la fin du tableau et renvoie la longueur du tableau modifié, par exemple:
var arr = [1,2,3]; Arr.push (4,5); console.log (arr); // [1,2,3,4,5]
Contrairement à Push () est la méthode pop (), qui supprime le dernier élément de la fin du tableau et renvoie l'élément supprimé, par exemple:
var arr = [1,2,3]; arr.pop (); // 3 arr.pop (); // 2 console.log (arr); // [1]
Les deux autres méthodes utilisées sont Shift () et Unhift (), qui sont similaires à POP () et push (). La méthode Shift () est utilisée pour supprimer les éléments de la position de départ du tableau et renvoyer les éléments supprimés, par exemple:
var arr = [1,2,3]; arr.shift (); // 1 arr.shift (); // 2 console.log (arr); // [3]
La méthode Unsich () est l'opposé de Shift () Objectif. Il peut ajouter n'importe quel élément à l'extrémité avant du tableau et retourner la longueur du nouveau tableau, par exemple:
var arr = [1,2,3]; arr.unshift (4); // la longueur de retour 4 arr.unshift (5); // la longueur de retour 5 console.log (arr); // [1,2,3,4,5]
• Flip et sorte de tableaux
La méthode FLIP fournie par le tableau est reverse (), qui inverse l'ordre des éléments de données, par exemple:
var arr = [1,2,3]; arr.reverse (); console.log (arr); // [3,2,1]
Sort () peut également trier les tableaux, mais sa méthode de tri par défaut n'est pas la taille, mais est triée un par un selon la chaîne correspondante. La méthode tri () peut recevoir une fonction de comparaison et effectuer un tri personnalisé, par exemple:
fonction compare (valeur1, valeur2) {return value1-vale2; } var arr = [1,3,2,5,4]; arr.sort (comparer); console.log (arr); // [1,2,3,4,5]• Connexion du tableau
La méthode CONCAT () créera une copie du tableau actuel, puis ajoutera les paramètres reçus à la fin de la copie, et enfin renvoyer le tableau nouvellement construit, avec le tableau d'origine inchangé, par exemple:
var arr = [1,2,3]; var arr2 = arr.concat (4, [5,6]); console.log (arr); // [1,2,3] console.log (Arr2); // [1,2,3,4,5,6]
• Segmentation du tableau
La méthode Slice () reçoit un ou deux paramètres, c'est-à-dire les positions de début et de fin de l'élément à retourner. Si un seul paramètre est nécessaire, tous les éléments de la position spécifiée à la fin du tableau sont renvoyés. Si deux paramètres sont reçus, tous les éléments entre les positions de début et de fin sont renvoyés mais les éléments qui n'incluent pas les positions finales, par exemple:
var arr = [1,2,3,4,5]; var arr2 = arr.slice (1); // [2,3,4,5] var arr3 = arr.slice (1,3); // [2,3]
Notez que la méthode Slice () n'affectera pas le tableau d'origine.
• Méthode Splice ()
Étant donné que la méthode Splice () est très puissante, je la résumerai séparément. Il peut recevoir trois paramètres. Le premier paramètre indique l'emplacement de l'ajout ou de la suppression des éléments, le deuxième paramètre indique le nombre d'éléments à supprimer et le deuxième paramètre indique les nouveaux éléments ajoutés au tableau (facultatif). En fournissant différents paramètres, vous pouvez réaliser des fonctions telles que la suppression, l'insertion et le remplacement, telles que:
var arr = [1,2,3,4,5]; Arr.splice (2,0,11,22); // insérer deux éléments de la position 2, console.log (arr); // [1,2,11,22,3,4,5] Arr.splice (2,2,33,44); // Supprimer deux éléments de la position 2, insérer deux éléments et renvoyer la console d'élément supprimé.log (arr); // [1,2,33,44,4,5] arr.splice (1,1); // Supprimer un élément de la position 1 et renvoyer la console d'élément supprimée.log (arr); // [1,33,44,4,5]
• Méthode de position du tableau
ES5 fournit deux méthodes de position: indexof () et lastIndexof (). Les deux méthodes reçoivent deux paramètres: l'élément à trouver et l'index indiquant l'emplacement du point de départ de la recherche (facultatif). La méthode indexof () regarde en arrière depuis le début du tableau, tandis que le LastIndexof () attend avec impatience à partir de la fin du tableau, par exemple:
var arr = [1,2,3,4,5,4,3,2,1]; console.log (arr.indexof (4)); // 3 console.log (arr.LastIndexof (4)); // 5 console.log (arr.indexof (4,4)); // 5 console.log (arr.LastIndexof (4,4)); // 3
• Méthode d'itération du tableau
ES5 définit 5 méthodes itératives, chacune recevant deux paramètres: la fonction à exécuter sur chaque élément et (facultatif) l'objet de portée qui exécute la fonction - la valeur qui affecte cela. La fonction réalisant ces méthodes peut recevoir trois paramètres: la valeur de l'élément de tableau, l'index de l'élément dans le tableau et l'objet de tableau lui-même.
Parmi eux, la méthode Every () et certaines () sont similaires. Pour la méthode chaque (), la fonction passée doit retourner True pour chaque élément avant que cette méthode renvoie true. Pour certains (), la méthode renvoie true tant que la fonction passée renvoie vrai pour tout élément du tableau. Les exemples sont les suivants:
var arr = [1,2,3,4,5,4,3,2,1]; var everyResult = arr.every (fonction (item, index, array) {return (item> 2);}); Console.log (EveryResult); // FAUX, tout n'est pas supérieur à 2 var someresult = arr.some (fonction (item, index, array) {return (item> 2);}); console.log (Someresult); // vrai, si un élément est supérieur à 2La méthode Filter () détermine s'il faut inclure un élément dans le tableau renvoyé en fonction de la fonction donnée, par exemple:
var arr = [1,2,3,4,5,4,3,2,1]; var filterResult = arr.filter (fonction (item, index, array) {return (item> 2);}); console.log (filterResult); // [3,4,5,4,3], renvoie un tableau avec toutes les valeurs supérieures à 2La méthode map () exécute la fonction donnée pour chaque élément du tableau, puis renvoie le tableau composé du résultat de chaque fonction d'élément en cours d'exécution, par exemple:
var arr = [1,2,3,4,5,4,3,2,1]; var mapResult = arr.map (fonction (item, index, array) {return item * 2;}); console.log (mapResult); // [2,4,6,8,10,8,6,4,2], multipliez chaque élément dans le tableau d'origine par 2 et retourLa dernière méthode est ForEach (), qui exécute la fonction donnée uniquement sur chaque élément du tableau, sans valeur de retour, par exemple:
var arr = [1,2,3,4,5,4,3,2,1]; arr.ForEach (fonction (item, index, array) {// effectuer certaines opérations});• Méthode de réduction du tableau
ES5 fournit également deux méthodes pour réduire les tableaux: réduire () et reduceRight (). Les deux méthodes disent tous les éléments du tableau et renvoient une valeur finale. réduire () traverse progressivement du premier élément au dernier élément, ReduceRight () traverse le dernier élément à la fin du premier élément. Les deux fonctions reçoivent quatre paramètres: la valeur précédente, la valeur actuelle, l'index de l'élément et l'objet de tableau. Toute valeur renvoyée par cette fonction sera automatiquement transmise à l'élément suivant comme premier paramètre. Par exemple, utilisez la méthode Reduce () pour trouver la somme de tous les éléments du tableau:
var arr = [1,2,3,4,5]; var sum = arr.reduce (fonction (pre, cur, index, array) {return pre + cur;}); console.log (sum); // 15La première fois que la fonction de rappel est exécutée, pré est 1 et Cur est 2. La deuxième fois, pré est 3 (1 + 2) et Cur est 3. Ce processus accèdera à chaque élément du tableau et renvoie enfin le résultat. La méthode ReduceRight () est similaire à réduire (), mais la direction est l'inverse.
Cette note est principalement résumée en fonction de la programmation avancée JavaScript et des ressources en ligne. Veuillez le signaler s'il y a des points incomplets.
L'article ci-dessus est basé sur la méthode du tableau de tableau JavaScript (une lecture incontournable pour les débutants) 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.