« JavaScript/Structures de contrôle » : différence entre les versions

Les instructions if et else mettent en place une condition dans le code. Elles permettent de différencier plusieurs cas lors de l'exécution.

 

if (condition){

...

...

}

 

Dans la condition, on se sert généralement des opérateurs de comparaison mais toute fonction renvoyant un booléen est autorisée.

 

var age = 15;

 

document.write("Vous ne pouvez pas entrer.");

}

 

Notez que ceci est également possible (lorsque le bloc à exécuter ne nécessite qu'une seule ligne) :

 

var age = 15;

 

if (age >= 18) document.write("Vous pouvez entrer.");

else document.write("Vous ne pouvez pas entrer.");

 

On peut aussi rajouter des conditions intermédiaires entre le if et le else qui permettront de tester plus de cas. Voyez plutôt :

 

var temps = "orageux";

var je_prends;

document.write("Lorsque le temps est "+temps+", je prends "+je_prends);

// Lorsque le temps est orageux, je prends mon paratonnerre.

 

Cet exemple montre comment gérer simplement les conditions multiples en JavaScript.

Voyons comment cela fonctionne :

 

var temps = "neigeux";

var temperature = -5;

document.write("Lorsque le temps est "+temps+" et que la température est de "+temperature+"{{Abbr|°C|degré Celcius}}, je prends "+je_prends);

// Lorsque le temps est orageux et que la température est de -5{{Abbr|°C|degré Celcius}}, je prends ma luge ou mon gros blouson.

 

On peut aussi séparer les ET et les OU avec des parenthèses.

Pour cela, il y a le mot-clé switch :

 

switch (variable)

{

default: /*...*/ break;

}

 

L'instruction <code>switch</code> permet de gérer plusieurs cas en fonction de la valeur d'une variable.

Exemple :

 

var temps = "soleil";

var je_prends;

document.write("Lorsque le temps est "+temps+", je prends "+je_prends);

// Lorsque le temps est soleil, je prends mon parasol.

 

Vous admettrez que la seconde méthode est préférable :-)

Les ternaires sont en fait un concentré d'un groupe <code>if</code> et <code>else</code> (sans <code>else if</code> au milieu). Cela permet d'écrire une condition en une seule ligne. C’est une alternative aux structures conditionnelles vues précédemment. Voici la syntaxe :

 

(condition) ? ...bloc du if : ...bloc du else

 

Le "<code>?</code>" remplace donc l'accolade du <code>if</code> tandis que les " : " remplacent celle du <code>else</code>.

Un code avec if et else :

 

var age = 15;

 

if (age >= 18) document.write("Vous pouvez entrer.");

else document.write("Vous ne pouvez pas entrer.");

 

Un code avec structure ternaire renvoyant <u>le même résultat</u> :

 

var age = 15;

 

document.write((age >= 18) ? "Vous pouvez entrer." : "Vous ne pouvez pas entrer.");

 

Pratique non ?

Voici la syntaxe de <code>while</code> :

 

while (condition)

{

... (instructions, incrémentation...)

}

 

Voici un exemple simple :

 

var i = 0;

while (i < 5){

}

document.write("Boucle terminée !");

 

Cela va vous afficher ceci :

Voici un exemple simple :

 

var i = 5;

do

 

document.write("Boucle terminée !");

 

Ici, la condition vaut false dès le début. Un while normal aurait donc sauté la condition pour passer à la suite du code. Mais le <code>do while</code> exécute une fois le code et affiche :

Syntaxe :

 

for (initialisation; condition; incrémentation)

{

...

}

 

Exemple :

 

for (i = 0; i<5; i++)

{

}

document.write("Boucle terminée !");

 

Le résultat est le même que celui de la boucle <code>while</code>. Ceci dit, l’utilisation d'une des trois boucles dépend du contexte et des besoins du script.

Il arrive parfois que l’on veuille sortir d'une boucle alors même que la condition de la boucle est encore vraie. Pour cela, on peut faire appel à l'instruction <code>break</code>. Lorsque cette instruction est exécutée, la boucle se termine immédiatement et le code la suivant est exécuté.

 

var i = 1;

while (i <= 10)

}

document.write("La valeur de i est "+i);

 

Ce qui affiche : ''La valeur de i est 5''. En effet, le programme sort de la boucle lorsque i prend la valeur de 5, donc après 4 tours.