Tableau ()

Un tableau est une liste ordonnée de valeurs généralement créée dans l'intention de parcourir en boucle des valeurs indexées numériquement, en commençant par l'indice zéro. Ce que vous devez savoir, c'est que les tableaux sont des ensembles ordonnés numériquement, par opposition aux objets dont les noms de propriété sont associés à des valeurs dans un ordre non numérique. Essentiellement, les tableaux utilisent des nombres comme clé de recherche, tandis que les objets ont des noms de propriété définis par l'utilisateur. JavaScript n'a pas de véritables tableaux associatifs, mais des objets peuvent être utilisés pour obtenir les fonctionnalités des tableaux associatifs..

Dans l'exemple suivant, je stocke quatre chaînes dans mon tableau que je peux accéder en utilisant un index numérique. Je compare et contraste mon tableau à un objet littéral imitant un tableau associatif.

Échantillon: sample133.html

Les tableaux peuvent contenir n'importe quel type de valeurs, et ces valeurs peuvent être mises à jour ou supprimées à tout moment..

Si vous avez besoin d'un hachage (ou tableau associatif), un objet est la solution la plus proche..

Un Tableau () est juste un type spécial de Objet(). C'est, Tableau () les cas sont essentiellement Objet() instances avec quelques fonctions supplémentaires (.longueur et un index numérique intégré).

Les valeurs contenues dans un tableau sont communément appelées éléments.

`Tableau ()` Paramètres

Vous pouvez transmettre les valeurs d’une instance de tableau au constructeur en tant que paramètres séparés par des virgules (new Array ('foo', 'bar');). le Tableau () constructeur peut prendre jusqu'à 4 294 967 295 paramètres.

Cependant, si un seul paramètre est envoyé au Tableau () constructeur et que la valeur est un entier ('1', '123' ou '1.0'), il sera utilisé pour configurer le longueur du tableau, et ne sera pas utilisé comme une valeur contenue dans le tableau.

Échantillon: sample134.html

`Tableau ()` Propriétés et méthodes

le Tableau () object a les propriétés suivantes (sans compter les propriétés et méthodes héritées):

Propriétés (Array.prototype):

prototype

Propriétés et méthodes de l'instance d'objet de matrice

Les instances d'objet de tableau ont les propriétés et méthodes suivantes (à l'exclusion des propriétés et méthodes héritées):

Propriétés d'instance (var myArray = ['foo', 'bar']; myArray.length;):

constructeur
longueur

Méthodes d'instance (var myArray = ['foo']; myArray.pop ();):

pop()
pousser()
sens inverse()
décalage()
Trier()
épissure()
unshift ()
concat ()
joindre()
tranche()

Création de tableaux

Comme la plupart des objets en JavaScript, un objet tableau peut être créé à l'aide de la Nouveau opérateur en liaison avec le Tableau () constructeur, ou en utilisant la syntaxe littérale.

Dans l'exemple suivant, je crée le myArray1 tableau avec des valeurs prédéfinies en utilisant le Tableau () constructeur, puis myArray2 en utilisant la notation littérale.

Échantillon: sample135.html

Il est plus courant de voir un tableau défini à l'aide de la syntaxe littérale, mais il convient de noter que ce raccourci ne fait que masquer l'utilisation de la Tableau () constructeur.

En pratique, le littéral tableau est généralement tout ce dont vous aurez besoin.

Quelle que soit la manière dont un tableau est défini, si vous ne lui fournissez aucune valeur prédéfinie, il sera toujours créé mais ne contiendra tout simplement aucune valeur..

Ajout et mise à jour de valeurs dans des tableaux

Une valeur peut être ajoutée à un tableau à n'importe quel index, à tout moment. Dans l'exemple qui suit, nous ajoutons une valeur à l'index numérique 50 d'un tableau vide. Qu'en est-il de tous les index avant 50? Comme je l’ai dit, vous pouvez ajouter une valeur à un tableau à n’importe quel index, à tout moment. Mais si vous ajoutez une valeur à l'index numérique 50 d'un tableau vide, JavaScript remplira tous les index nécessaires avant celui-ci avec indéfini valeurs.

Échantillon: sample136.html

De plus, compte tenu de la nature dynamique de JavaScript et du fait que JavaScript n'est pas fortement typé, une valeur de tableau peut être mise à jour à tout moment et la valeur contenue dans l'index peut être n'importe quelle valeur légale. Dans l'exemple suivant, je modifie la valeur à l'index numérique 50 en un objet.

Échantillon: sample137.html

Longueur vs. Index

Un tableau commence à indexer les valeurs à zéro. Cela signifie que le premier emplacement numérique contenant une valeur dans un tableau ressemble à mon tableau [0]. Cela peut être un peu déroutant si je crée un tableau avec une valeur unique, l'index de la valeur est 0 tandis que la longueur du tableau est 1. Assurez-vous de bien comprendre que la longueur d'un tableau représente le nombre de valeurs qu'il contient. , tandis que l'index numérique du tableau commence à zéro.

Dans l'exemple suivant, la valeur de chaîne bleu est contenu dans le mon tableau tableau à l'index numérique 0, mais puisque le tableau contient une valeur, la longueur du tableau est 1.

Échantillon: sample138.html

Définir des tableaux avec un prédéfini `longueur`

Comme je l'ai mentionné précédemment, en passant un seul paramètre entier à la Tableau () constructeur, il est possible de prédéfinir la longueur des tableaux, ou le nombre de valeurs qu’il contiendra. Dans ce cas, le constructeur crée une exception et suppose que vous souhaitez définir la longueur du tableau et non pré-renseigner le tableau avec des valeurs..

Dans le prochain exemple, nous configurons le mon tableau tableau avec une longueur prédéfinie de 3. Encore une fois, nous configurons la longueur du tableau, nous ne lui transmettons pas une valeur à stocker dans l'index 0.

Échantillon: sample139.html

Fournir un prédéfini longueur donnera à chaque index numérique, jusqu'à la longueur spécifiée, une valeur associée de indéfini.

Vous vous demandez peut-être s'il est possible de créer un tableau prédéfini contenant une seule valeur numérique. Oui, c'est en utilisant la forme littérale var myArray = [4].

Définition de la longueur du tableau peut ajouter ou supprimer des valeurs

le longueur La propriété d’un objet tableau peut être utilisée pour obtenir ou définir la longueur d’un tableau. Comme indiqué précédemment, définir une longueur supérieure au nombre réel de valeurs contenues dans le tableau ajoutera indéfini valeurs au tableau. Ce que vous ne pensiez peut-être pas, c'est que vous pouvez réellement supprimer les valeurs d'un tableau en définissant la valeur de longueur sur un nombre inférieur au nombre de valeurs contenues dans le tableau..

Échantillon: sample140.html

Tableaux contenant d'autres tableaux (également appelés tableaux multidimensionnels)

Puisqu'un tableau peut contenir n'importe quelle valeur JavaScript valide, un tableau peut contenir d'autres tableaux. Lorsque cela est fait, le tableau contenant les tableaux encapsulés est considéré comme un tableau multidimensionnel. L'accès aux tableaux encapsulés se fait par chaînage. Dans l'exemple suivant, nous créons un littéral de tableau contenant un tableau, à l'intérieur duquel nous créons un autre littéral de tableau, à l'intérieur duquel nous créons un autre littéral de tableau, contenant une valeur de chaîne à l'index 0..

Échantillon: sample141.html

Cet exemple de code est plutôt idiot, mais vous obtenez l'idée que les tableaux peuvent contenir d'autres tableaux et que vous pouvez accéder aux tableaux encapsulés indéfiniment..

Boucler sur un tableau, en arrière et en avant

Le moyen le plus simple et sans doute le plus rapide de boucler sur un tableau consiste à utiliser la boucle while.

Dans le code suivant, on boucle depuis le début de l'index jusqu'à la fin.

Échantillon: sample142.html

Et maintenant on boucle de la fin de l'index au début.

Échantillon: sample143.html

Conclusion

Maintenant, si vous vous demandez pourquoi je ne montre pas de boucles ici, c'est parce que les boucles ont moins de pièces mobiles et que je pense qu'elles sont plus faciles à lire..

Et cela complète cet article sur les tableaux.

Code