TypeScript - Instruction Conditionnelle

Bonjour là-bas, futurs superstars du codage ! Aujourd'hui, nous allons plonger dans l'un des concepts fondamentaux de la programmation : l'instruction conditionnelle if. Attachez vos ceintures, car nous allons entreprendre un voyage passionnant à travers le monde des décisions en TypeScript !

Qu'est-ce qu'une Instruction if ?

Avant de rentrer dans les détails, comprenons ce qu'est une instruction if. Imaginez que vous êtes un robot (cool, non ?) et que vous devez décider de porter ou non un imperméable. Vous pensez probablement : "Si il pleut, je porterais un imperméable." C'est exactement ce que fait une instruction if en programmation - elle aide notre code à prendre des décisions basées sur certaines conditions.

Syntaxe

Maintenant, regardons comment nous écrivons une instruction if en TypeScript. Ne vous inquiétez pas si cela paraît un peu étrange au début - nous allons le décomposer étape par étape !

if (condition) {
// code à exécuter si la condition est vraie
}

Voici ce que cela signifie :

1. Le mot-clé if indique à TypeScript que nous allons prendre une décision.
2. La condition est ce que nous vérifions. Elle est toujours entre parenthèses ().
3. Les accolades {} contiennent le code qui s'exécutera si la condition est vraie.

Voici un exemple du monde réel :

let estPluie: boolean = true;

if (estPluie) {
console.log("N'oubliez pas votre parapluie !");
}

Dans ce code, si estPluie est vrai, vous verrez "N'oubliez pas votre parapluie !" affiché dans la console. C'est comme si le code s'occupait de vous !

Diagramme de Flux

Pour visualiser comment fonctionne une instruction if, regardons un diagramme de flux simple :

+-------------+
|   Début     |
+-------------+
|
v
+-------------+
| La condition|
|   est-elle  |
|    vraie?   |
+-------------+
|         |
Oui       Non
|         |
v         v
+-----------+  +-----------+
| Exécuter  |  | Passer    |
| ce code   |  | ce code   |
+-----------+  +-----------+
|         |
|         |
v         v
+-------------+
|   Fin      |
+-------------+

Ce diagramme de flux montre comment le programme décide d'exécuter le code à l'intérieur de l'instruction if ou de le ignorer complètement.

Exemples

Explorons quelques exemples de plus pour renforcer notre compréhension des instructions if.

Exemple 1 : Vérification de l'Age

let age: number = 18;

if (age >= 18) {
console.log("Vous êtes éligible pour voter !");
}

Ici, nous vérifions si la personne est assez âgée pour voter. Si age est 18 ou plus, ils verront le message.

Exemple 2 : Vérification de l'Égalité de Chaînes

let couleurPreferee: string = "bleu";

if (couleurPreferee === "bleu") {
console.log("Vous avez excellent goût en couleurs !");
}

Dans cet exemple, nous utilisons l'opérateur de stricte égalité === pour vérifier si couleurPreferee est exactement "bleu". Souvenez-vous, en TypeScript (et JavaScript), nous utilisons === pour comparer les valeurs pour nous assurer que la valeur et le type correspondent.

Exemple 3 : Vérification de Multiples Conditions

Parfois, nous devons vérifier plusieurs conditions. Nous pouvons le faire en utilisant des opérateurs logiques :

let estWeekend: boolean = true;
let temperature: number = 25;

if (estWeekend && temperature > 20) {
console.log("Parfait pour un pique-nique !");
}

Ici, nous utilisons l'opérateur ET && pour vérifier si c'est à la fois le week-end ET que la température est supérieure à 20. Seulement si les deux conditions sont vraies, nous suggérerons un pique-nique.

Exemple 4 : Instructions if imbriquées

Nous pouvons également placing des instructions if à l'intérieur d'autres instructions if. Cela s'appelle l'imbriquation :

let aBillet: boolean = true;
let age: number = 15;

if (aBillet) {
if (age >= 18) {
console.log("Profitez du film !");
} else {
console.log("Désolé, ce film est réservé aux adultes.");
}
} else {
console.log("Vous devez d'abord acheter un billet.");
}

Dans cet exemple, nous vérifions d'abord si la personne a un billet. Si oui, nous vérifions leur âge pour voir si ils sont assez âgés pour le film.

Conclusion

Félicitations ! Vous avez刚刚 taken vos premiers pas dans le monde de la programmation conditionnelle avec les instructions if de TypeScript. Souvenez-vous, ces petits décideurs sont les briques de base de la logique plus complexe dans vos programmes. Ils sont comme les embranchements sur le chemin du voyage de votre code.

Alors que vous continuez votre aventure en codage, vous vous retrouverez souvent à utiliser des instructions if. Ils sont incroyablement polyvalents et puissants. Alors, continuez à pratiquer, et bientôt vous prendrez des décisions dans votre code aussi facilement que vous décidez quoi manger pour le petit-déjeuner !

Voici un tableau de référence rapide des méthodes que nous avons couvertes :

Méthode	Description	Exemple
Instruction if de Base	Exécute le code si la condition est vraie	if (condition) { /* code */ }
Instruction if avec Égalité	Vérifie si les valeurs sont égales	if (value === "quelque chose") { /* code */ }
Instruction if avec Comparaison	Compare les valeurs	if (age >= 18) { /* code */ }
Instruction if avec Opérateur ET Logique	Vérifie plusieurs conditions	if (condition1 && condition2) { /* code */ }
Instructions if imbriquées	Instruction if à l'intérieur d'une autre	if (exterieur) { if (interieur) { /* code */ } }

Souvenez-vous, la clé pour maîtriser les instructions if (et la programmation en général) est la pratique. Alors, allez-y, écrivez du code, prenez des décisions, et surtout, amusez-vous ! Bon codage !

Credits: Image by storyset