Easy-Micro [ STRUCTURES DE CONTRôLES JAVASCRIPT - FOR ] - Formations informatiques pour entreprises

Structures de contrôles Javascript
FOR
L'instruction de répétition Javascript FOR

Instruction FOR

L'instruction de répétition Javascript FOR permet de réaliser des boucles de programme. Autrement dit, des répétitions d'instruction.

for (valeur initiale du compteur ; test de répétition ; pas) {
instructions à répéter;
}

Exemple pour afficher le contenue d'une variable de type tableau:

<script>
// Création du tableau
var montableau = new Array("pommes", "poires", "bananes", "oranges");


// Affichage du tableau
for(let i=0; i < montableau.length; i++) {
window.console.log(montableau[i],", ");
}
</script>

Résultat :pommes, poires, bananes, oranges

L'exemple ci-dessus utilise une boucle "for" afin d'afficher la totalité du tableau. Est utilisé ici un compteur (i), initialisé à zéro (let i=0), une fin de boucle définie avec la propriété "length" qui permet d'obtenir la taille du tableau (montableau.length) et un pas via l'instruction i++ qui signifie i = i + 1 (à chaque boucle on rajoute 1 à i).
Pour plus d'infos sur les Array, voir les méthodes de l'objet Array.

Instruction FOR...IN

La boucle for ... in est très comparable à l'exemple de boucle for, mais elle est plus facile à lire et à écrire !

for (let mavariable in nom_objet) {
instructions d'affichage;
}

<script>
// Création du tableau
let montableau = ["pommes", "poires", "bananes", "oranges"];

for(let i in montableau) {
window.console.log("Fruits n° " + i + " : " + montableau[i]);
}
</script>

Exemple pour afficher les propriétés (et pas les méthodes) d'un objet JavaScript (ici l'objet window):

<script>
for(let les_proprietes in window) {
window.console.log(les_proprietes + "<br>");
}
</script>

Voir ici toutes les propriétés de l'objet window.

Instruction FOR...OF

Pour les cas où l'indice précis d'un élément n'est pas nécessaire pendant l'itération, vous pouvez utiliser une boucle for of (identique à la boucle For in) :

<script>
// Création du tableau
let montableau = ["pommes", "poires", "bananes", "oranges"];

for(let i of montableau) {
window.console.log("Fruits " + montableau);
}
</script>

Autre exemple avec un tableau d'objets :

<script>
const lesPassagers = [
    {
        name: "Will Alexander",
        ticketNumber: 209542
    },
    {
        name: "Sarah Kate",
        ticketNumber: 169336
    },
    {
        name: "Audrey Simon",
        ticketNumber: 779042
    },
    {
        name: "Tao Perkington",
        ticketNumber: 703911
    }
]

for (let passager of lesPassagers ) {
    console.log('Embarquement du passager ' + passager.name + ' avec le ticket numéro ' + passager.ticketNumber);
}
</script>

< >