Branchement conditionnel en JavaScript : `if`, `else` et `?`

Dans ce blog, nous plongerons dans le monde du branchement conditionnel en JavaScript. Nous explorerons l'instruction if, la clause else, la construction else if et l'opérateur conditionnel (ternaire) ?. À la fin de ce blog, vous aurez une solide compréhension de la façon de contrôler le flux de vos programmes JavaScript.

L'instruction if

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 execute if condition is true
}

Exemple :

let age = 18;

if (age >= 18) {
  console.log("You are an adult.");
}

Conversion booléenne

En JavaScript, n'importe quelle valeur peut être convertie en booléen. Les valeurs suivantes sont considérées comme fausses :

• faux
• 0
• "" (chaîne vide)
• nul
• non défini
• NaN

Toutes les autres valeurs sont considérées comme vrai.

Exemple :

let value = 0;

if (value) {
  console.log("Value is true.");
} else {
  console.log("Value is false.");
}
// Output: Value is false.

La clause else

La clause else est utilisée pour exécuter un bloc de code si la condition dans l'instruction if est fausse.

Syntaxe :

if (condition) {
  // code to execute if condition is true
} else {
  // code to execute if condition is false
}

Exemple :

let age = 15;

if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}

Plusieurs conditions : sinon si

La construction else if vous permet de vérifier plusieurs conditions.

Syntaxe :

if (condition1) {
  // code to execute if condition1 is true
} else if (condition2) {
  // code to execute if condition2 is true
} else {
  // code to execute if none of the conditions are true
}

Exemple :

let score = 85;

if (score >= 90) {
  console.log("Grade: A");
} else if (score >= 80) {
  console.log("Grade: B");
} else if (score >= 70) {
  console.log("Grade: C");
} else {
  console.log("Grade: D");
}

Opérateur conditionnel ?

L'opérateur conditionnel (ternaire) ? est un raccourci pour l'instruction if-else.

Syntaxe :

condition ? exprIfTrue : exprIfFalse;

Exemple :

let age = 20;
let message = age >= 18 ? "You are an adult." : "You are a minor.";
console.log(message);

Plusieurs ?

Vous pouvez enchaîner plusieurs opérateurs conditionnels pour gérer des conditions plus complexes.

Exemple :

let score = 85;
let grade = score >= 90 ? "A" : score >= 80 ? "B" : score >= 70 ? "C" : "D";
console.log("Grade:", grade);

Utilisation non traditionnelle de ?

L'opérateur conditionnel peut également être utilisé de manière non traditionnelle, par exemple en attribuant des valeurs par défaut.

Exemple :

let userInput = "";
let result = userInput ? userInput : "Default Value";
console.log(result); // Output: Default Value

Exemple pratique

Rassemblons le tout avec un exemple pratique :

let temperature = 25;

if (temperature > 30) {
  console.log("It's hot outside!");
} else if (temperature > 20) {
  console.log("It's warm outside.");
} else if (temperature > 10) {
  console.log("It's cool outside.");
} else {
  console.log("It's cold outside.");
}

let weather = temperature > 30 ? "hot" : temperature > 20 ? "warm" : temperature > 10 ? "cool" : "cold";
console.log("The weather is:", weather);

Conclusion

Le branchement conditionnel est un concept fondamental en JavaScript qui vous permet de contrôler le flux de vos programmes en fonction de diverses conditions. En maîtrisant les if, else, else if et l'opérateur conditionnel ?, vous serez capable d'écrire de manière plus dynamique et réactive. code. Continuez à pratiquer et à explorer pour approfondir votre compréhension du branchement conditionnel en JavaScript.

Restez à l'écoute pour des blogs plus approfondis sur JavaScript ! Bon codage !

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!