Controle de Flux (if...else)
Salut HaWker ! Jeff Bruchado par ici.
C'est un autre article de notre serie d'articles qui va couvrir notre voyage pour Apprendre la Programmation depuis Zero.
Aujourd'hui ce sera un article sur un contenu extremement important pour poursuivre votre apprentissage.
Alors, s'il vous plait ! Si vous ne maitrisez pas ce dont je vais parler aujourd'hui, lisez jusqu'a la fin !
Bon, sans plus tarder, commencons !
Aujourd'hui, nous allons parler de l'un des sujets les plus importants en Programmation :
Controle de Flux (Control Flow).
Avant tout, comprenons pourquoi il est important de comprendre les controles de flux.
Supposons que vous travaillez sur un systeme, et dans ce systeme il existe une fonctionnalite qui affiche un message qui informe si l'utilisateur est majeur, ou mineur, ce message est affiche en fonction de la date de naissance de l'utilisateur calculant son age en comparant avec le jour actuel.
Vous etes d'accord avec moi que ce code doit avoir un mecanisme qui affiche un message ou l'autre, n'est-ce pas ?
Et avec cela, nous avons le Controle de Flux en Programmation pour resoudre ce probleme.
Pour conceptualiser, le Controle de Flux est une facon de controler le flux d'execution de votre code.
C'est-a-dire, determiner quelles lignes de code doivent etre executees dans
certaines situations.
Cela se fait a travers des structures de controle de flux, comme :
- if
- if...else
- switch
- if...else if
Ensuite nous allons comprendre chacun d'eux en detail :
if
Le if est utilise pour executer une action quand une certaine condition est vraie.
Par exemple :
const age = 17;
if (age < 18) {
console.log('Vous etes mineur');
}Dans cet exemple, le message "Vous etes mineur" ne sera affiche dans la console que si la variable age est inferieure a 18.
Dans ce cas, age est la representation en code de ce que nous comprenons par age.
Ensuite passons a la pratique pour solidifier cette connaissance que vous venez d'etudier.
Exercice Pratique
- Creez un script qui demande a l'utilisateur de saisir trois nombres entiers. Ensuite, determinez quel nombre est le plus grand et affichez-le a l'ecran.
S'il vous plait ! A la fin de cet article, repondez a cet email avec le code et la reponse de chaque exercice pratique.
Cela pour que je sache si cette dynamique vous est precieuse. Et si ces contenus vous sont utiles pour votre parcours.
if...else
Le if...else est utilise pour executer une action quand une certaine condition est vraie et une autre action quand la condition est fausse.
Par exemple :
const age = 19;
if (age < 18) {
console.log('Vous etes mineur');
} else {
console.log('Vous etes majeur');
}Dans cet exemple, le message "Vous etes mineur" sera affiche dans la console si la variable age est inferieure a 18, et le message "Vous etes majeur" sera affiche si la variable age est egale ou superieure a 18.
Bon, passe le concept, passons a la pratique pour solidifier cette connaissance que vous venez d'etudier.
Exercice Pratique
- Creez un script qui demande a l'utilisateur de saisir un age. Ensuite, verifiez si l'age est superieur ou egal a 18 et affichez "majeur" a l'ecran, sinon, affichez "mineur".
Pour cet exercice s'appliquent les memes instructions que l'exercice precedent.
switch
Le switch est utilise pour verifier si une variable correspond a l'une des valeurs specifiees et, si elle correspond, executer une action.
Par exemple :
const jour = 'Mardi';
switch (jour) {
case 'Lundi':
console.log("Aujourd'hui c'est lundi");
break;
case 'Mardi':
console.log("Aujourd'hui c'est mardi");
break;
case 'Mercredi':
console.log("Aujourd'hui c'est mercredi");
break;
// etc.
}Dans cet exemple, le message "Aujourd'hui c'est lundi" sera affiche dans la console si la variable jour est egale a "Lundi", le message "Aujourd'hui c'est mardi" sera affiche si la variable jour est egale a "Mardi", et ainsi de suite.
Bon, passe le concept, passons a la pratique pour solidifier cette connaissance que vous venez d'etudier.
Exercice Pratique
- Creez un script qui demande a l'utilisateur de saisir une lettre. Ensuite, verifiez si la lettre est "a", "e", "i", "o" ou "u" et affichez "voyelle" a l'ecran, sinon, affichez "consonne".
Pour cet exercice s'appliquent les memes instructions que les autres exercices.
if...else if
Le if...else if est une extension de la structure if...else qui permet de verifier plusieurs conditions.
Il est utilise quand vous voulez executer une action differente selon quelle condition est vraie.
Par exemple :
const score = 70;
if (score < 60) {
console.log('Echoue');
} else if (score < 80) {
console.log('Rattrapage');
} else {
console.log('Admis');
}Dans cet exemple, si la variable score est inferieure a 60, le message "Echoue" sera affiche dans la console. Si la variable score est superieure ou egale a 60 et inferieure a 80, le message "Rattrapage" sera affiche.
Si la variable score est egale ou superieure a 80, le message "Admis" sera affiche.
Il est important de noter que la structure if...else if fonctionne de la maniere suivante : le code verifie la premiere condition (dans l'exemple ci-dessus, score < 60), et si elle est vraie, l'action correspondante est executee et le code s'arrete la.
Si la premiere condition est fausse, le code passe a la condition suivante (score < 80) et verifie si elle est vraie. Si oui, l'action correspondante est executee et le code s'arrete la.
Si aucune des conditions precedentes n'est vraie, le code entre dans le bloc else et execute l'action definie la.
PS : Personnellement j'utilise rarement cette condition, mais c'est important d'avoir aussi cette possibilite dans votre repertoire !
Bon, passe le concept, passons a la pratique pour solidifier cette connaissance que vous venez d'etudier.
Exercice Pratique
- Creez un script qui demande a l'utilisateur de saisir une note de 0 a 10.
Ensuite, verifiez si la note est superieure ou egale a 9 et inferieure ou egale a 10, affichez "A" a l'ecran ;
si la note est superieure ou egale a 7 et inferieure a 9, affichez "B" a l'ecran ;
si la note est superieure ou egale a 5 et inferieure a 7, affichez "C" a l'ecran ;
si la note est superieure ou egale a 3 et inferieure a 5, affichez "D" a l'ecran ; sinon (else), affichez "E" a l'ecran.
Pour cet exercice s'appliquent les memes instructions que les autres exercices.
Conclusion
En resume, a cet instant vous avez disponible dans votre repertoire differentes facons de controler le flux de votre code, vous pouvez utiliser le if, if...else, if...else if ou meme le switch.
Comme vous pouvez le constater le switch et le if...else if sont tres similaires, et vous pouvez utiliser l'un ou l'autre selon la situation.
Quand j'entre dans un dilemme sur lequel utiliser, j'utilise toujours la regle suivante :
S'il s'agit d'une condition complexe avec plusieurs options de retour, j'utilise le if...else if.
S'il s'agit d'une condition simple, mais avec plusieurs retours, selon la valeur d'une variable, alors j'utilise le switch.
Eh bien HaWker, nous arrivons a la fin d'un autre article.
J'espere que cet article a ajoute a votre repertoire de connaissances sur la Programmation.
Comme toujours, si vous avez une question ou voulez explorer un point plus en detail, repondez simplement avec votre question, dans cet email.
Et rappelez-vous, je suis la pour vous aider a vous ameliorer de 1% a chaque nouvel article !
Si vous etes arrive jusqu'ici, comme d'habitude, s'il vous plait, repondez a cet email avec "J'ai reussi a controler le flux dans les exercices".
Ainsi je saurai que cette serie d'articles vous est utile, et que vous suivez et profitez.
Comme vous le savez deja ! Seul un veritable HaWker arrive jusqu'a la fin.
Felicitations !
Je suis content de vous avoir ici.
A bientot.
C'est parti !
- Jeff Bruchado
Felicitations d'etre arrive jusqu'ici, HaWker !
A ce moment ou vous avez appris les structures de controle de flux en programmation, que diriez-vous de tester vos connaissances ? Participez au quiz ci-dessous et voyez combien vous avez absorbe de notre article.
C'est une excellente facon de consolider l'apprentissage et de vous preparer pour les prochaines etapes de votre voyage de programmation.
Bonne chance et amusez-vous !