While-and-For.md

Javascript

Boucle While

Description

La boucle while va nous permettre d'exécuter un ensemble d'instructions de façon répétés

Syntaxe

Voici la syntaxe :

while(condition){
    // code here
}

pendant que la condition est true le code est exécuté jusqu'à ce que la condition soit false

let i = 10

while(i > 0){
    alert(i--)
} // Fait un décompte et affiche 10,9,8,7,6,5,4,3,2,1

Pour l'exemple ci-dessus, on dit que : pendant que i est plus grand que 0 alors tu rentres dans le body et tu exécutes alert(i--), à chaque fois que l'on rentre dans le body on dit que l'on fait une itération, pour cet exemple il y a donc 10 itérations

il faut aussi savoir que les accolades ne sont pas obligatoires quand il n'y a qu'une seule instruction dans le body

par exemple :

while(i > 0) alert(i--) // Fait aussi un décompte et affiche 10,9,8,7,6,5,4,3,2,1

La boucle do... while

do{
    // body
}while(condition)

la boucle commence par exécuter le body puis ensuite regarder la condition et si la condition est vrai alors on repart dans le do.

let i = 10;
do{
    alert(i--)
}while(i > 0)

cela peut aussi poser des problèmes par exemple :

let Country = "France";

do{
    alert("Bienvenue en Amérique")
}while(Country === "Amérique")

dans l'exemple ci-dessus la boucle va exécuter le body, il va donc afficher Bienvenue en Amérique, et seulement après la boucle va regarder la condition.

La boucle for

voici la syntaxe :

for(begin; condition; step){
    // body
}

premièrement begin est exécuté, ensuite on part dans condition si la condition est true alors le body est exécuté, puis on exécute la partie step

Ci-dessous un exemple d'utilisation

let arr = [2, 4, 6]

for(let n = 0; n < arr.length; n++){
    alert(n) // Affiche 0, 1, 2
}

Voici toutes les étapes réalisées :

• Exécute begin let n = 0
• Vérifie la condition 0 < arr.length
• Exécute le body alert(0)
• Exécute step 0++
• Ensuite on repart check la condition 1 < arr.length
• alert(1)
• 1++
• 2 < arr.length
• alert(2)
• 2++
• 3 < arr.length non car arr.length est égal à 3, donc la boucle stop ici

Enlever un / plusieurs paramètre pour la boucle for

Nous pouvons enlever n'importe quel paramètre pour la boucle for :

let arr = [2, 4, 6];
let n = 0;

for(; n < arr.length; n++){
    alert(n)
}

pour l'exemple ci-dessus, nous n'avons pas besoin d'écrire que n = 0 car nous l'avons fait plus haut donc nous pouvons l'omettre.

let arr = [2, 4, 6];
let i = 0;

for(; i < arr.length;){
    alert(i++) // Affiche 0,1,2
}

Ici cela reviens au même que while(i < arr.length){ alert(i++)}

for(;;){
    // boucle infinis
}

Les 2 points-virgules doivent être présent, sinon il y a une syntaxe error.

for...in

for in va nous permettre d'itérer sur des propriétés énumérables d'un objet.

let array = ["this", "is", "a", "test"]

for(let arrays in array){
    alert(arrays) // Affiche 0,1,2,3
}

for...of

for of est utilisé pour parcourir les valeurs d'un itérable, comme un tableau :

let array = ["this", "is", "a", "test"]
for(let arrays of array){
    alert(arrays) // Affiche "this", "is", "a", "test"
}