Utilisation de la boucle For pour parcourir un tableau
Objectifs
Les objectifs de cette vidéo sont :
- Apprendre à définir un tableau en JavaScript.
- Comprendre l'utilisation de la boucle For pour parcourir un tableau.
- Savoir comment intégrer des balises HTML pour l'affichage des éléments de tableau.
Résumé
Apprenez à définir un tableau en JavaScript et à afficher ses éléments en utilisant une boucle For, avec chaque élément précédé d'une balise HTML de liste à puces.
Description
Dans cette leçon, nous allons explorer comment définir un tableau en JavaScript en utilisant l'instruction Array. Nous allons également voir comment afficher le contenu de ce tableau en utilisant une boucle For. Ce processus impliquera l'encadrement de chaque élément du tableau avec les balises <li>
pour les listes à puces et les balises <ul>
et </ul>
pour encadrer la liste complète.
Le tutoriel commence par la définition du tableau contenant les valeurs suivantes : Jean, Pierre, Paul, Michel, Hélène, Sandrine, Christelle, Isabelle, et Évariste. Ensuite, nous illustrons comment utiliser la boucle For pour parcourir le tableau et générer dynamiquement une liste à puces qui sera affichée dans une page web.
Ce tutoriel s'adresse aux débutants en JavaScript ainsi qu'à ceux qui souhaitent renforcer leur compréhension de la manipulation de tableaux et de boucles en JavaScript.
Questions fréquentes
let nomDuTableau = ['élément1', 'élément2', 'élément3'];
. Cela crée un tableau contenant les éléments spécifiés.
<ul>
est utilisé pour créer des listes à puces non ordonnées, tandis que <ol>
est utilisé pour créer des listes numérotées ordinées. La balise <li>
est employée pour chaque élément de liste dans les deux cas.