Maison > interface Web > js tutoriel > Maîtriser les instructions conditionnelles en JavaScript : explication de if, else et switch

Maîtriser les instructions conditionnelles en JavaScript : explication de if, else et switch

Mary-Kate Olsen
Libérer: 2024-12-29 19:08:16
original
649 Les gens l'ont consulté

Mastering Conditional Statements in JavaScript: if, else, and switch Explained

### Déclarations conditionnelles en JavaScript (if, sinon, changer)

Les instructions conditionnelles en JavaScript sont utilisées pour effectuer différentes actions en fonction de différentes conditions. Ils aident à contrôler le flux d’exécution d’un programme et permettent au programme de prendre des décisions. Les instructions conditionnelles les plus couramment utilisées sont if, else et switch.


### 1. **if Déclaration**

L'instruction if est utilisée pour exécuter un bloc de code si une condition spécifiée est vraie.

#### Syntaxe :

if (condition) {
  // code to be executed if condition is true
}
Copier après la connexion

#### Exemple :

let age = 18;
if (age >= 18) {
  console.log("You are an adult.");
}
Copier après la connexion

Sortie : Vous êtes un adulte.


### 2. **if...else Déclaration**

L'instruction if...else vous permet d'exécuter un bloc de code si la condition est vraie, et un autre bloc de code si la condition est fausse.

#### Syntaxe :

if (condition) {
  // code to be executed if condition is true
} else {
  // code to be executed if condition is false
}
Copier après la connexion

#### Exemple :

let age = 16;
if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}
Copier après la connexion

Sortie : Vous êtes mineur.


### 3. **si...sinon si...sinon Déclaration**

L'instruction if...else if...else est utilisée lorsque vous devez vérifier plusieurs conditions. Si la première condition est fausse, il vérifie la condition suivante et ainsi de suite.

#### Syntaxe :

if (condition1) {
  // code to be executed if condition1 is true
} else if (condition2) {
  // code to be executed if condition2 is true
} else {
  // code to be executed if no conditions are true
}
Copier après la connexion

#### Exemple :

let age = 20;
if (age < 18) {
  console.log("You are a minor.");
} else if (age >= 18 && age <= 65) {
  console.log("You are an adult.");
} else {
  console.log("You are a senior.");
}
Copier après la connexion

Sortie : Vous êtes un adulte.


### 4. **switch Déclaration**

L'instruction switch est utilisée pour effectuer différentes actions en fonction de différentes conditions. C'est une alternative plus propre et plus lisible à l'utilisation de nombreuses instructions if...else if.

Syntaxe:

switch (expression) {
  case value1:
    // code to be executed if expression === value1
    break;
  case value2:
    // code to be executed if expression === value2
    break;
  // More cases can be added
  default:
    // code to be executed if no case matches
}
Copier après la connexion

#### Exemple :

let fruit = "apple";
switch (fruit) {
  case "apple":
    console.log("You selected an apple.");
    break;
  case "banana":
    console.log("You selected a banana.");
    break;
  case "orange":
    console.log("You selected an orange.");
    break;
  default:
    console.log("Unknown fruit.");
}
Copier après la connexion

Résultat : Vous avez sélectionné une pomme.


### 5. **Comparaison avec if...else vs switch**

  • if...else est plus flexible et permet des conditions complexes (par exemple, en utilisant des opérateurs logiques).
  • Le commutateur est plus efficace et plus facile à lire lors de la vérification d'une variable pour plusieurs valeurs possibles.

### Conclusion

Les instructions conditionnelles en JavaScript (if, else et switch) sont essentielles pour contrôler le flux d'exécution en fonction de différentes conditions. Utilisez if pour les vérifications de base, if...else pour les choix binaires, et changez lorsque vous traitez plusieurs conditions possibles. Comprendre ces structures améliorera votre capacité à écrire du code propre et efficace.

Bonjour, je m'appelle Abhay Singh Kathayat !
Je suis un développeur full-stack avec une expertise dans les technologies front-end et back-end. Je travaille avec une variété de langages et de frameworks de programmation pour créer des applications efficaces, évolutives et conviviales.
N'hésitez pas à me contacter à mon e-mail professionnel : kaashshorts28@gmail.com.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal