Table des matières:
Vidéo: Cours Complet HTML CSS - Chapitre 9/10 : Les tableaux en HTML et en CSS 2025
A rrays sont des groupes de variables en JavaScript avec un nom. Les tableaux sont similaires aux fonctions car ils permettent de gérer la complexité pour la programmation HTML5 et CSS3. Un tableau est un type spécial de variable. Utilisez un tableau chaque fois que vous voulez travailler avec une liste de types de données similaires.
Le code suivant montre une démonstration basique des tableaux:
// des genres. html // créer un tableau vide var genre = new Array (5); // stocker des données dans le genre de tableau [0] = "simulation de vol"; genre [1] = "tireurs à la première personne"; genre [2] = "conduite"; genre [3] = "action"; genre [4] = "stratégie"; // renvoyant des données de l'alerte array ("j'aime" + genre [4] + "jeux"); //]]>
La variable est une variable spéciale car elle contient beaucoup de valeurs. Essentiellement, c'est une liste de genres. La construction array (5) crée de l'espace en mémoire pour cinq variables, toutes nommées.
Accès aux données du tableau
Après avoir spécifié un tableau, vous pouvez travailler avec les éléments individuels en utilisant la syntaxe du carré. Un entier identifie chaque élément du tableau. L'index commence généralement par.
genre [0] = "simulation de vol";
Le code précédent affecte la valeur textuelle "simulation de vol" à la variable de tableau de genre à la position 0.
La plupart des langues exigent que tous les éléments de tableau soient du même type. JavaScript est très tolérant. Vous pouvez combiner toutes sortes de choses dans un tableau JavaScript. Cette flexibilité peut parfois être utile, mais sachez que cette astuce ne fonctionne pas dans toutes les langues. Généralement, essayez de garder tous les membres d'un tableau du même type.
Après avoir stocké les données dans le tableau, vous pouvez utiliser la même syntaxe de crochet pour lire les informations.
La ligne
alerte ("J'aime" + genre [4] + "jeux");
trouve l'élément 4 du tableau de genre et l'inclut dans un message de sortie.
Utilisation de tableaux avec des boucles for
La principale raison d'utiliser des tableaux est la commodité. Lorsque vous avez beaucoup d'informations dans un tableau, vous pouvez écrire du code pour travailler rapidement avec les données. Chaque fois que vous avez un tableau de données, vous voulez généralement faire quelque chose avec chaque élément du tableau. Jetez un oeil à voir comment vous pouvez le faire:
// des jeux. html // pré-chargement d'un tableau var gameList = nouveau tableau ("Flight Gear", "Sauerbraten", "Future Pinball", "Racer", "TORCS", "Orbiter", "Step Mania", "NetHack", " Marathon "," Crimson Fields "); var text = "; pour (i = 0; i Notez plusieurs choses dans ce code:
Le tableau appelé
-
gameList . Ce tableau contient les noms de certains grands jeux freeware. Le tableau est préchargé avec des valeurs.
-
Si vous fournissez une liste de valeurs lors de la création d'un tableau, JavaScript précharge simplement le tableau avec les valeurs que vous indiquez. Vous n'avez pas besoin de spécifier la taille du tableau si vous le préchargez. Une boucle
-
pour parcourt le tableau. Les tableaux et les boucles sont des compagnons naturels. La boucle for parcourt chaque élément du tableau. La longueur du tableau est utilisée dans la condition de boucle
-
pour . Plutôt que de spécifier la valeur 10, la propriété length du tableau a été utilisée dans la boucle. Cette pratique est bonne car la boucle for s'adapte automatiquement à la taille du tableau lorsque vous ajoutez ou supprimez des éléments. Faites quelque chose avec chaque élément.
-
Parce que cela va de 0 à 9 (les indices de tableau), vous pouvez facilement imprimer chaque valeur du tableau. Dans cet exemple, une chaîne de sortie a été ajoutée à. Notez les caractères de nouvelle ligne.
-
La combinaison n est un caractère spécial qui indique à JavaScript d'ajouter un retour chariot, tel que vous obtenez en appuyant sur la touche Entrée. Si vous voulez complètement ruiner votre productivité, utilisez Google pour certains de ces noms de jeux. Ils sont absolument incroyables, et chacun d'entre eux est gratuit. C'est difficile de battre ça.
