[Nouveau] Rejoignez la communauté Angular.fr !

Skip to content

Les conditions

Les conditions en JavaScript sont utilisées pour exécuter différents blocs de code en fonction de la vérification d'une ou plusieurs conditions. Ces structures conditionnelles permettent de rendre votre code plus dynamique et interactif, en prenant des décisions basées sur les données actuelles du programme. Voici un aperçu des différentes structures conditionnelles en JavaScript :

1. Instruction if

L'instruction if est la plus simple des structures conditionnelles. Elle exécute un bloc de code si la condition spécifiée est vraie.

javascript
let age = 18;
if (age >= 18) {
    console.log("Vous êtes majeur.");
}

2. Instruction else

L'instruction else complète une instruction if en permettant l'exécution d'un bloc de code alternatif si la condition if est fausse.

javascript
if (age >= 18) {
    console.log("Vous êtes majeur.");
} else {
    console.log("Vous êtes mineur.");
}

3. Instruction else if

Utilisée pour tester plusieurs conditions à la suite. Si la condition if est fausse, JavaScript vérifie les conditions else if dans l'ordre.

javascript
if (age < 13) {
    console.log("Enfant");
} else if (age < 18) {
    console.log("Adolescent");
} else {
    console.log("Adulte");
}

4. Opérateur Ternaire

Il s'agit d'une forme condensée des instructions if...else, souvent utilisé pour des affectations conditionnelles.

javascript
let message = age >= 18 ? "Vous êtes majeur." : "Vous êtes mineur.";
console.log(message);

5. Instruction switch

La déclaration switch est utilisée pour effectuer des actions différentes basées sur plusieurs cas. C'est une alternative à plusieurs blocs if...else if.

javascript
let couleur = "rouge";
switch (couleur) {
    case "bleu":
        console.log("La couleur est bleu");
        break;
    case "rouge":
        console.log("La couleur est rouge");
        break;
    default:
        console.log("Couleur non reconnue");
}

TIP

  • Les instructions conditionnelles sont un outil puissant pour contrôler le flux d'exécution du code.
  • Il est important de s'assurer que les conditions ne sont pas seulement syntaxiquement correctes, mais aussi logiquement appropriées pour le problème que vous tentez de résoudre.
  • L'opérateur ternaire et la déclaration switch offrent des moyens plus concis pour gérer les conditions, mais doivent être utilisés judicieusement pour maintenir la clarté du code.

Chaque mois, recevez en avant-première notre newsletter avec les dernières actualités, tutoriels, astuces et ressources Angular directement par email !