Les Conditions
Les conditions permettent à JavaScript de prendre des décisions.
Un programme peut ainsi exécuter différents blocs de code selon une situation.
Exemple :
- Si l’utilisateur est connecté → afficher son profil
- Sinon → afficher la page de connexion
1. La condition if
Le mot-clé if signifie :
« Si cette condition est vraie, alors exécute ce code »
const age = 20;
if (age >= 18) {
console.log("Accès autorisé");
}
Ici, JavaScript vérifie si l’âge est supérieur ou égal à 18.
2. La condition else
Le mot-clé else signifie :
« Sinon, exécute un autre bloc »
const age = 16;
if (age >= 18) {
console.log("Accès autorisé");
} else {
console.log("Accès refusé");
}
Condition else
> Accès refusé
3. La condition else if
else if permet de gérer plusieurs cas différents.
const score = 75;
if (score >= 90) {
console.log("Excellent");
} else if (score >= 60) {
console.log("Réussi");
} else {
console.log("Échec");
}
JavaScript teste les conditions une par une.
Dès qu’une condition devient vraie, les autres blocs sont ignorés.
4. Les opérateurs de comparaison
Les conditions utilisent souvent des opérateurs de comparaison.
| Opérateur | Signification |
|---|---|
| === | Strictement égal |
| !== | Différent |
| > | Plus grand |
| < | Plus petit |
| >= | Plus grand ou égal |
| <= | Plus petit ou égal |
En JavaScript moderne, on privilégie généralement === plutôt que ==.
5. Les opérateurs logiques
Les opérateurs logiques permettent de combiner plusieurs conditions.
| Opérateur | Signification |
|---|---|
| && | ET |
| || | OU |
| ! | NON |
const age = 20;
const isAdmin = true;
if (age >= 18 && isAdmin) {
console.log("Accès complet");
}
6. Conditions imbriquées
Une condition peut contenir une autre condition.
const isLoggedIn = true;
const isAdmin = false;
if (isLoggedIn) {
if (isAdmin) {
console.log("Panneau admin");
}
}
Ce type de structure s’appelle une condition imbriquée.
7. Le cas nominal
Le cas nominal représente le déroulement normal du programme.
Les erreurs et cas spéciaux doivent rester séparés du flux principal.
const age = 20;
if (age < 18) {
console.log("Accès refusé");
} else {
console.log("Bienvenue");
}
Ici, le cas normal est l’accès autorisé.
8. Early return
Le early return permet de quitter une fonction rapidement lorsqu’une condition n’est pas valide.
function login(username) {
if (!username) {
return;
}
console.log("Connexion...");
}
Cette technique évite les gros blocs imbriqués et rend le code plus lisible.
9. L’opérateur ternaire
L’opérateur ternaire permet d’écrire une condition courte.
const age = 20;
const message =
age >= 18
? "Majeur"
: "Mineur";
Il fonctionne comme un if / else simplifié.
Résumé rapide
| Concept | Utilité |
|---|---|
| if | Exécuter du code si une condition est vraie |
| else | Exécuter un autre bloc sinon |
| else if | Tester plusieurs cas |
| && | Combiner des conditions avec ET |
| || | Combiner des conditions avec OU |
| ! | Inverser une condition |
| === | Comparer deux valeurs strictement |
| ?: | Créer une condition courte |