Les conditions et les boucles en JavaScript
📋 Au programme :
Qu'est-ce qu'une condition ?
En programmation, une condition permet d’exécuter certaines parties de code uniquement si une condition donnée est remplie. Dans JavaScript, les conditions sont utilisées pour tester des valeurs et décider quelle partie du programme doit s’exécuter en fonction des résultats de ces tests.
- If (si) : La structure de base pour écrire une condition. Si la condition est vraie, le code à l’intérieur des accolades {} est exécuté.
- Else (sinon) : Si la condition du if n’est pas remplie, le code dans le bloc else est exécuté.
- Else if (sinon si) : Permet de tester une autre condition si la première est fausse.
Dans cet exemple, si l’âge est supérieur ou égal à 18, le message « Vous êtes majeur » s’affiche, sinon « Vous êtes mineur ».
let age = 20;
if (age >= 18) {
console.log("Vous êtes majeur");
} else {
console.log("Vous êtes mineur");
}
else if pour des conditions multiples
Lorsqu’il faut tester plusieurs conditions successives, on utilise le mot clé else if.
Exemple :
let age = 17;
if (age >= 18) {
console.log("Vous êtes adulte");
} else if (age >= 13) {
console.log("Vous êtes adolescent");
} else {
console.log("Vous êtes enfant");
}
Les opérateurs de comparaison
Les conditions utilisent souvent des opérateurs de comparaison pour comparer des valeurs. Voici les principaux opérateurs de comparaison en JavaScript :
- > : Strictement supérieur
- < : Strictement inférieur >= : Supérieur ou égal
- <= : Inférieur ou égal
- == : Égalité de valeur (attention, peut ignorer le type)
- === : Égalité stricte (vérifie aussi le type)
- != : Différent
- !== : Différent de manière stricte
Exemple d’utilisation :
let nombre = 5;
if (nombre === 5) {
console.log("Le nombre est égal à 5");
}
Les opérateurs logiques
- && (ET logique) : Renvoie vrai si les deux conditions sont vraies.
- || (OU logique) : Renvoie vrai si au moins une des conditions est vraie.
- ! (NON logique) : Inverse une condition (vrai devient faux, et vice versa).
let age = 20;
let pays = "FR";
if (age >= 18 && pays === "FR") {
console.log("Vous avez le droit de conduire en France");
} else if (age >= 16 && pays === "US") {
console.log("Vous avez le droit de conduire aux États-Unis");
} else {
console.log("Vous n'avez pas le droit de conduire");
}
Le mot-clé switch
Le mot-clé switch permet de vérifier une seule valeur contre plusieurs cas possibles. Cela peut rendre le code plus lisible lorsqu’il y a beaucoup de conditions basées sur la même variable.
Exemple :
let fruit = "pomme";
switch (fruit) {
case "pomme":
console.log("C'est une pomme");
break;
case "banane":
console.log("C'est une banane");
break;
default:
console.log("Fruit inconnu");
break;
}
Les valeurs truthy et falsy
En JavaScript, certaines valeurs sont considérées comme vraies ou fausses, même si elles ne sont pas explicitement de type booléen.
Valeurs falsy (considérées comme fausses) :
- false
- 0
- « » (chaîne vide)
- null
- undefined
- NaN
Valeurs truthy (considérées comme vraies) :
Toutes les autres valeurs, comme :
- N’importe quel nombre différent de 0
- Chaînes de caractères non vides
Les boucles en Javascript
La boucle while
La boucle while exécute un bloc de code tant qu’une condition donnée est vraie. Elle est idéale pour les situations où l’on ne sait pas à l’avance combien de fois le code devra être exécuté.
Exemple :
let i = 0;
while (i < 10) {
console.log('Bonjour numéro ' + i);
i++;
}
La boucle for
La boucle for est souvent utilisée lorsque le nombre d’itérations est connu à l’avance. Elle se compose de trois parties : l’initialisation, la condition et l’incrémentation.
Exemple :
Ce code affiche 10 fois le message avec la valeur de i croissant de 0 à 9.
for (let i = 0; i < 10; i++) {
console.log('Itération numéro ' + i);
}
Parcourir un tableau avec une boucle for
Les boucles sont également très utiles pour parcourir des tableaux, en utilisant l’index pour accéder à chaque élément.
Exemple :
Ici, la boucle parcourt les notes et affiche chaque valeur.
let notes = [12, 15, 18, 10];
for (let i = 0; i < notes.length; i++) {
console.log('Note ' + i + ' : ' + notes[i]);
}
La boucle for...in et for...of
for…in est utilisé pour parcourir les propriétés d’un objet ou les index d’un tableau.
Exemple :
let objet = { a: 1, b: 2, c: 3 };
for (let propriete in objet) {
console.log(propriete + ': ' + objet[propriete]);
}
for…of sert à parcourir directement les valeurs d’un tableau.
Exemple :
let notes = [12, 15, 18, 10];
for (let note of notes) {
console.log('Note : ' + note);
}
Sortir d'une boucle avec break
Il est parfois nécessaire de sortir prématurément d’une boucle avant que la condition de fin ne soit remplie. C’est là qu’intervient le mot-clé break.
Exemple : Ici, la boucle s’arrête dès que i atteint la valeur 5.
for (let i = 0; i < 10; i++) {
if (i === 5) {
break; // On sort de la boucle quand i vaut 5
}
console.log(i);
}
Pour s'exercer sur les boucles et les conditions
Exercice 1 : Afficher les nombres de 1 à 10
for (let i = 1; i <= 10; i++) {
console.log(i);
}
Exercice 2 : Afficher les nombres pairs entre 1 et 20
for (let i = 2; i <= 20; i += 2) {
console.log(i);
}
Exercice 3 : Somme des nombres de 1 à 100
let sum = 0;
for (let i = 1; i <= 100; i++) {
sum += i;
}
console.log('La somme des nombres de 1 à 100 est :', sum);
Exercice 4 : Deviner un nombre
const correctNumber = 7;
let guess;
while (guess !== correctNumber) {
guess = parseInt(prompt('Devinez un nombre entre 1 et 10 :'), 10);
if (guess !== correctNumber) {
console.log('Mauvais nombre, essayez encore !');
} else {
console.log('Bravo, vous avez trouvé le bon nombre !');
}
}