TypeScript - Instruction conditionnelle : Guide du débutant

Salut là, future star du codage ! ? Aujourd'hui, nous allons plonger dans un des concepts les plus fondamentaux de la programmation : l'instruction conditionnelle if...else en TypeScript. Imaginez-la comme la décideuse dans votre code, comme une sage chouette qui aide votre programme à choisir le chemin à suivre. Mettons-nous ensemble sur cette excitante aventure !

Qu'est-ce qu'une instruction if...else ?

Avant de rentrer dans les détails, comprenstons ce qu'est une instruction if...else. Imaginez que vous êtes dans une crème glacée et que vous devez choisir entre du chocolat et de la vanille. Votre processus de réflexion pourrait être ainsi :

"Si le chocolat est disponible, je prendrai du chocolat. Sinon (else), je prendrai de la vanille."

C'est exactement comment fonctionne une instruction if...else en programmation ! Elle permet à votre code de prendre des décisions en fonction de certaines conditions.

Syntaxe

Maintenant, regardons comment nous écrivons une instruction if...else 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
} else {
// Code à exécuter si la condition est fausse
}

Décomposons cela :

1. if : Ce mot-clé commence l'instruction.
2. (condition) : C'est où vous mettez votre condition. C'est comme poser une question.
3. { } : Ces accolades contiennent le code à exécuter si la condition est vraie.
4. else : Ce mot-clé introduit l'option alternative.
5. { } : Ces accolades contiennent le code à exécuter si la condition est fausse.

Diagramme de flux

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

[Début]
|
v
[Vérifier condition]
/            \
(Oui)        (Non)
|              |
v              v
[Exécuter vrai]  [Exécuter faux]
|              |
v              v
[Continuer]

Ce diagramme de flux montre comment votre programme décide du chemin à suivre en fonction de la condition est vraie ou fausse.

Exemples

Maintenant, plongons dans quelques exemples du monde réel pour voir comment les instructions if...else fonctionnent en action !

Exemple 1 : Décision de la crème glacée

Codons notre décision de crème glacée de plus tôt :

let chocolateAvailable: boolean = true;

if (chocolateAvailable) {
console.log("Super ! Je prendrai de la crème glacée au chocolat.");
} else {
console.log("Je suppose que je prendrai de la crème glacée à la vanille.");
}

Dans cet exemple :

• Nous déclarons une variable chocolateAvailable et la définissons à true.
• L'instruction if vérifie si chocolateAvailable est vraie.
• Puisque c'est vrai, le code à l'intérieur de la première paire d'accolades s'exécutera.
• La console affichera : "Super ! Je prendrai de la crème glacée au chocolat."

Essayez de changer chocolateAvailable à false et voyez ce qui se passe !

Exemple 2 : Salutation basée sur l'heure

Créons un programme qui vous salue différemment en fonction de l'heure de la journée :

let currentHour: number = 14; // 14h00 (2 PM)

if (currentHour < 12) {
console.log("Bonjour !");
} else if (currentHour < 18) {
console.log("Bon après-midi !");
} else {
console.log("Bonsoir !");
}

Voici ce qui se passe :

• Nous définissons currentHour à 14 (14h00).
• La première condition currentHour < 12 est fausse, donc nous passons à la prochaine condition.
• currentHour < 18 est vrai, donc "Bon après-midi !" est affiché dans la console.
• Le dernier bloc else est ignoré.

Exemple 3 : Calculateur de note

Créons un simple calculateur de note :

let score: number = 85;
let grade: string;

if (score >= 90) {
grade = "A";
} else if (score >= 80) {
grade = "B";
} else if (score >= 70) {
grade = "C";
} else if (score >= 60) {
grade = "D";
} else {
grade = "F";
}

console.log(`Votre note est : ${grade}`);

Dans cet exemple :

• Nous définissons un score de 85.
• Nous utilisons plusieurs instructions if...else if pour vérifier le score contre différentes plages.
• Puisque 85 est supérieur ou égal à 80, la note est définie sur "B".
• Enfin, nous affichons la note dans la console.

Méthodes et opérateurs courants et leur utilisation

Voici un tableau des méthodes et opérateurs courants que vous pourriez utiliser avec les instructions if...else :

Méthode/Opérateur	Description	Exemple
===	Égalité stricte	if (x === 5)
!==	Inégalité stricte	if (y !== 10)
>	Supérieur à	if (age > 18)
<	Inférieur à	if (temperature < 0)
>=	Supérieur ou égal à	if (score >= 60)
<=	Inférieur ou égal à	if (quantity <= 0)
&&	ET logique	if (x > 0 && x < 10)
||	OU logique	if (day === "Sat" || day === "Sun")
!	NON logique	if (!isLoggedIn)

Conclusion

Félicitations ! Vous avez刚刚迈出了进入TypeScript的条件编程世界的第一步。记住，这些语句就像您代码中的交通信号灯， guidant votre programme sur différents chemins en fonction des conditions que vous définissez.

Alors que vous continuez votre parcours de codage, vous trouverez que vous utilisez des instructions if...else tout le temps. Ils sont incroyablement polyvalents et puissants. Alors, continuez à vous entraîner, et bientôt vous prendrez des décisions dans votre code aussi facilement que de choisir entre du chocolat et de la vanille glacée !

Bonne programmation, et souvenez-vous - en programmation, comme dans la vie, il s'agit de faire les bonnes choix ! ??

Credits: Image by storyset