Les bases du flux de contrôle Javascript : Conditions et boucles de maîtrise

1. Introduction du cours: Bienvenue dans le cours sur Control Flow Essential, dans lequel nous avons maîtrisé les conditions et flux de contrôle à l' aide de JavaScript m'appelle Fesil et je suis ravie vous guider alors que nous explorons les concepts fondamentaux qui rendent votre code dynamique et très réactif En programmation, le contrôle du flux de votre application est vraiment essentiel, et ce cours est conçu pour vous aider à comprendre comment prendre des décisions et répéter des actions efficacement en JavaScript. Maintenant, si vous débutez dans la programmation ou vous souhaitez approfondir vos connaissances, vous aurez une compréhension globale de tous les concepts dont nous allons parler, et vous apprendrez également à écrire code clair et logique qui peut vous aider à créer des projets incroyables Maintenant, voici un aperçu de ce que nous allons aborder. Nous allons donc aborder les instructions if dans lesquelles nous allons parler de la façon dont vous pouvez exécuter certains blocs du code si certaines conditions sont remplies. Nous parlerons du switch, dans lequel nous découvrirons une alternative puissante pour gérer plusieurs conditions de manière ordonnée et organisée. Et c'est vraiment important. C'est quelque chose que nous allons faire dans la pratique. Ensuite, nous allons parler de boucles dans lesquelles nous allons couvrir quatre boucles, dans lesquelles nous parlerons de l'art d' itérer à travers les données à l' aide de celles-ci. Nous expliquerons également pourquoi les boucles nous permettent de comprendre comment vous pouvez répéter certaines actions jusqu'à ce qu' une certaine condition soit remplie. À la fin de ce cours, vous maîtriserez parfaitement le flux de contrôle JavaScript, qui vous permettra de créer des applications intelligentes plus interactives et orientées vers l'action. Alors, à qui s'adresse ce cours ? Ce cours s'adresse aux développeurs de tous niveaux. Que vous soyez un débutant, développeur de niveau intermédiaire ou personne très avancée qui une personne très avancée qui souhaite se remettre à niveau sur tous ces sujets, vous pouvez participer au cours avec plaisir et vous passerez un bon moment De plus, je n'utilise beaucoup de présentations. Tout est pratique. Je vous montre des choses, puis je les vois réellement en action. OK ? C'est donc ainsi que nous allons procéder. C'est un code entièrement pratique, alors ne vous inquiétez pas pour cette partie. Alors, êtes-vous prêt à prendre le contrôle de votre code et à créer des programmes interactifs dynamiques ? Allons-y et commençons à maîtriser les conditions et les boucles ensemble ? 2. Les décisions en action : maîtriser la logique du si-autre: Salut, quoi de neuf, tout le monde. Il est donc temps de parler des instructions if en JavaScript. Donc, l'instruction if est utilisée pour exécuter un bloc de code si la condition spécifiée est vraie. Donc oui, le centre de l' instruction if est la condition que vous spécifiez. Et en fonction de la condition, il est décidé si le bloc de code doit être exécuté ou non. Maintenant, pourquoi avons-nous besoin de quelque chose appelé « as if statement » ? Maintenant, il y aura des scénarios dans lesquels vous voudrez peut-être effectuer une exécution conditionnelle, n'est-ce pas ? Maintenant, qu'est-ce que l'exécution conditionnelle ? Exécution conditionnelle, c'est-à-dire comment les programmes sont exécutés. Vous avez un journal des points sur la console, vous avez la première ligne, d'accord ? Première ligne du code. D'accord. Et puis vous avez la deuxième ligne de code, d'accord ? Ce n'est donc pas conditionnel. Il est exécuté l'un après l'autre. Maintenant, disons que je souhaite exécuter la première ligne de code uniquement dans un certain scénario. Et c'est là que si Stattment entre en scène, d'accord ? se peut donc que je veuille exécuter ou ne pas exécuter une première ligne, selon qu'une certaine condition est remplie ou non. Hein ? Maintenant, une condition peut être la suivante : disons que si la température est supérieure à 25, n'est-ce pas, ou supérieure à une certaine quantité, alors je voudrais montrer un message à un utilisateur indiquant qu'il fait chaud aujourd'hui, n'est-ce pas ? Vous ne pouvez donc pas simplement imprimer, il fait chaud aujourd'hui. Vous devez d'abord vérifier la température, et si la température est d' environ un certain seuil, alors seulement vous devez afficher le message. C'est donc là que la déclaration conditionnelle entre en scène, n'est-ce pas ? Ce n'est pas la seule déclaration conditionnelle qui existe, accord, mais je vais vous montrer comment vous pouvez vous en servir. Donc, vous pouvez dire si vous avez la suggestion ici. Si c'est le cas, vous avez aussi des adresses IP, accord, mais nous allons nous en tenir à cela pour le moment. Vous devez spécifier une condition dont la valeur est booléenne. Supposons donc que je dise vrai ici, o et que je déplace la première ligne dans l'instruction if. Maintenant, cette brise frisée représente un bloc de code, et dans cette brise frisée, vous pouvez ajouter autant de lignes de code que Cela sera exécuté si la condition est remplie. Maintenant, si je sauvegarde ceci, vous verrez la ligne une ligne deux, et si je le convertit en falls over here, vous ne verrez que la ligne deux. Cela ne sera donc jamais exécuté car la condition contenue dans le if est fausse. accord ? C'est ainsi que le traitement fonctionne en quelques mots. Revenons maintenant à notre exemple où nous disons que si une température dépasse à peu près un certain seuil, nous voulons afficher un message à l'utilisateur. Donc, pour cela, j'ai besoin d'une variable. OK, donc je vais dire température. D'accord. Maintenant, disons que si la température est de 30, enregistrez-la aujourd'hui. C'est bon. Je peux donc avoir la condition E ici pour voir si la température est supérieure à. D'accord ? S'il est supérieur à, disons, 25. D'accord. Donc, s'il est supérieur à 25, je souhaite imprimer, c'est un T chaud, quelque chose comme ça. C'est bon. Donc ça peut entrer et passer par ici, c'est à l'extérieur, n'est-ce pas ? Donc vous pouvez voir, ou je peux simplement imprimer, passez une bonne journée. D'accord. Vous pouvez donc voir qu'il fait chaud et passez une belle journée est en cours d'impression. D'accord ? Si la température est de 22 ici, alors vous verrez passer une bonne journée parce qu'il ne fait pas chaud, n'est-ce pas ? Je ne veux donc pas l' imprimer. D'accord ? Maintenant, cela signifie que ce bloc de code est exécuté si cette condition est remplie, n'est-ce pas ? Maintenant, il y aura des scénarios dans lesquels vous souhaiterez exécuter un bloc de code lorsque cette condition n' est pas remplie ou que cette condition est fausse, et c'est là que l'instruction entre en ligne de compte. D'accord ? Donc tu as moi , puis tu en as un ici. D'accord ? Je peux donc nous laisser une variable ici. Je dirais qu'il pleut ici. Ou prenons le même exemple ici. Donc je peux dire qu'il fait chaud aujourd'hui, et je peux dire qu'il est ici, d'accord ? Et vous pouvez ajouter ici Console point Log over here, et je peux simplement le copier , il ne fait pas chaud. D'accord ? Vous pouvez voir qu'il ne fait pas chaud, passez une bonne journée. Et s'il fait 26 ici, par exemple, cela indiquera qu'il fait chaud, bonne journée. C'est bon. Voici donc un exemple de traitement de l'Is. Permettez-moi de vous donner un autre exemple. Nous allons prendre un exemple de jour de pluie et nous verrons qu' il pleut une variable ici D'accord ? Maintenant, s'il pleut, s'il pleut, ce que nous devons faire c'est dire Console, point log par ici, et je dois dire « prends un parapluie », non Quelque chose comme ça. D'accord. Sinon, je dois dire OK, je dois dire qu'il n'y a pas besoin de parapluie, non ? Donc oui, je vais dire. Pas besoin de parapluie. Je vais enregistrer ça. Vous pouvez donc prendre un parapluie parce qu'il pleut et s'il ne pleut pas, vous pouvez voir que vous n'avez pas besoin d' un parapluie. C'est bon. C'est assez simple, non ? Maintenant, ici, ce que nous faisons, c'est que nous avons deux blocs de code qui sont exécutés si cette condition est vraie pour tous. Cette condition contrôle donc tout ici. Cette condition est donc importante. Donc, si vous rédigez cette déclaration, assurez-vous que cette condition est correcte. D'accord. Beaucoup de gens se trompent en disant que la maladie ne la comprend pas correctement. D'accord ? Il y a une erreur logique, puis ils n' obtiennent pas le bon résultat. Alors faites attention à cette condition. Maintenant, il existe une autre forme d'IL qui est si, puis vous avez si, puis encore une fois, vous avez s. C' est donc également possible. Vous pouvez donc dire que si ici, vous verrez la déclaration de FL. C'est bon. Maintenant, je peux dire que j'utilise maintenant cette syntaxe ici, c' est comme si c'était le cas, vous pouvez réellement enchaîner plusieurs conditions, n'est-ce pas ? Alors laisse-moi te montrer comment faire, d'accord ? Disons donc que j'ai une variable ici appelée score. D'accord ? Disons que je vais lui attribuer une valeur de 75. D'accord ? Maintenant, je vais en avoir un score ici, d'accord ? Je dirais donc que le score que je note est supérieur à 90. D'accord. Disons que nous voulons imprimer quelque chose. Qu'est-ce qu'on imprime ici ? D'accord ? Nous voulons dire excellent. D'accord. Maintenant, ce que nous sommes en train de construire, c'est que nous sommes en train de créer une condition ici qui imprimera différents messages en fonction de votre score. D'accord ? Maintenant, disons que je veux avoir un message qui affiche un bon travail si votre score est supérieur à 75, et s'il est supérieur à 50, vous voulez dire que vous avez réussi. Sinon, si c'est moins de 50, meilleure chance la prochaine fois, quelque chose comme ça. D'accord ? Alors j'ai trouvé ça. OK, j'ai bien compris. J'imprimerai Je vais imprimer excellent si le score est supérieur à 90, d'accord ? Maintenant, je veux évaluer une autre condition si le score est supérieur à 75, n'est-ce pas ? Donc, ce que je vais faire, c'est obtenir ceci et ici, je vais ajouter cette condition. D'accord ? Donc je peux le faire. C'est tout à fait valable. Et ici, au lieu de 90, je peux en avoir 75 ici. D'accord. Et au lieu de Oups Permettez-moi donc de le copier correctement. D'accord. Je peux donc reconstituer les choses et je peux dire : bon travail. Quelque chose comme ça. D'accord. Maintenant, je voudrais avoir une condition qui dit que si le score est supérieur à 50, je dois dire que vous avez réussi. Donc je vais juste le coller ici. Et si le score est supérieur à 50, je peux dire que tu as réussi. Quelque chose comme ça. D'accord. Et disons que si ce score est inférieur à 50, d' accord, vous devez dire «   meilleure chance » la prochaine fois. Donc, si ce score ne correspond à aucune de ces conditions, je dois le dire ici, et je peux simplement dire console point log. Oups, j'ai juste besoin du journal des points de la console. D'accord. Je vais donc consulter le journal des points de la console, et je te dirais meilleure chance la prochaine fois. Du temps, quelque chose comme ça. D'accord ? Vous pouvez donc voir ici que je suis en train d'enchaîner plusieurs conditions Il s'agit de la condition numéro un, la condition numéro deux, de la condition numéro trois, puis vous avez le bloc else. C'est bon. Maintenant, si je sauvegarde ceci, d'accord, vous pouvez voir, le bon travail est imprimé. D'accord, parce que le score est 75 et qu'il correspond à cette condition. Le score est supérieur à 75. D'accord ? Si c'est 80, vous verrez du bon travail être imprimé. Si c'est 95, vous verrez une excellente impression. Si c'est 51, vous verrez le pass être imprimé. Et si c'est 44, disons, vous aurez plus de chance la prochaine fois qu'il sera imprimé. D'accord ? Ainsi, plusieurs conditions ont plusieurs blocs de code, et plusieurs blocs de code sont exécutés en fonction de la condition vraie. C'est ce qu'on appelle le chaînage, d'accord ? Enchaîner si L est L. D'accord, vous enchaînez donc les conditions ici pour former une sorte de chaîne, et en fonction de la condition, la bonne est exécutée D'accord ? Maintenant, au-delà du chaînage, vous avez également quelque chose appelé IL imbriqué, Donc, ce que vous pouvez faire, c'est, disons que j'ai une candidature, d'accord ? Et dans l' application pour entrer, l'utilisateur doit être âgé de plus de 18 ans et doit également avoir une autorisation. D'accord ? Disons que autorisation n'est qu'un drapeau pour le moment, d'accord ? Donc je dirais qu'il a la permission d'aller ici. C'est vrai pour le moment. D'accord ? Ce n'est qu'un drapeau et ce drapeau est dérivé de certaines conditions de notre application. D'accord ? Et l'âge, disons, est de 20 ans, par exemple. Donc, dans notre demande d'inscription, nous devons avoir plus de 18 ans et également l'autorisation. Donc je vais dire que si ici, je dirais un âge supérieur à égal, oups C'est donc supérieur à 18 ici. D'accord. Et puis je peux dire que cette condition est évaluée. Maintenant, si c'est vrai, je dois ajouter un autre F ici pour vérifier s' il a la permission, car il doit également avoir la permission d'entrer, n'est-ce pas ? Et puis s'il a, je peux dire « console point log », vous êtes autorisé à entrer. Vous pouvez dire que vous êtes autorisé à entrer ici. C'est chose faite. D'accord. Maintenant, ici, vous pouvez même ajouter un set ici, et vous pouvez ajouter une loi de console ici. Vous avez besoin d'une autorisation pour entrer. Permission d'entrer, quelque chose comme ça. D'accord ? Et tu peux ajouter. C'est donc le « I block out out ». Vous pouvez également ajouter un bloc, et vous pouvez le coller ici. Vous pouvez dire que vous n'êtes pas assez âgé pour entrer, quelque chose comme ça. Tu peux voir. Vous pouvez donc voir ici que vous êtes autorisé à entrer car ces deux conditions correspondent. Si je change ce paramètre à 17 ans, vous verrez que vous n'êtes pas assez âgé pour participer. Même s'il a une autorisation, il n'est pas autorisé à entrer car cette condition elle-même ne fonctionne pas. Cette condition interne n' est donc pas exécutée. Nous lui demandons simplement de lui dire que vous n'êtes pas autorisé à entrer ou vous n'êtes pas assez âgé pour entrer. D'accord ? Maintenant, disons que s'il a 20 ans et que c'est faux, dans ce cas, vous verrez que vous avez besoin d'une autorisation pour entrer, car même s'il correspond à la tranche d'âge, il n'en a pas l'autorisation. Donc ce que tu fais, c'est que tu fais un nid, d'accord ? Vous nidifiez si Ls, ce qui signifie que vous avez une condition if dans une autre ici, d' Maintenant, vous pouvez même simplifier cela ici. Vous pouvez simplifier cette condition à l'aide d'opérateurs logiques. D'accord ? Donc, ce que vous pouvez faire, c'est utiliser les opérateurs et, pas celui-ci et les opérateurs dans cette condition. D'accord ? Je peux donc dire : c'est le week-end. Supposons que nous ayons une application qui nous permet de suivre les vacances et de savoir si nous pouvons nous détendre aujourd'hui ou travailler aujourd'hui. Je peux dire que c'est un jour férié. OK. Et ici, je peux dire force, quelque chose comme ça. OK. Donc je peux dire que c'est le week-end, d'accord ? Donc, si c'est le week-end et si c'est un jour férié, d' accord, alors je dois vous montrer un message disant que vous pouvez vous détendre aujourd'hui. D'accord ? Vous pouvez donc vous détendre aujourd'hui. Maintenant, ce que nous faisons, c'est que nous avons un vous êtes en train de vérifier deux variables ici, et vous utilisez l'opérateur or. Maintenant, le résultat est Boole, non ? Donc, le résultat de la condition ici devrait être booléen pour que l'instruction F fonctionne correctement, d'accord ? C'est ce que nous faisons ici et nous avons un blocage, et nous pouvons dire que c'est un jour ouvrable aujourd'hui. D'accord ? C'est un jour ouvrable. Quelque chose comme ça, non ? Vous pouvez donc voir que vous pouvez vous détendre aujourd'hui, et vous pouvez voir ici. Donc, si je dis que c'est faux, et si c'est faux, vous verrez que c'est un jour ouvrable. D'accord ? Donc oui, c' est comme ça que ça marche. Vous pouvez même utiliser et opérer ici, d'accord ? Et vous pouvez vraiment voir le résultat ici, d'accord ? Il s'agit d'un exemple. C'est bon. Ensuite, il y a ce qu' on appelle un opérateur ternaire. Vous connaissez donc un opérateur ternaire, ce qui est désolé, le point d' interrogation et les deux Ces deux choses vous permettent donc d'obtenir un opérateur ternaire. OK. Donc disons que si j' ai un chiffre ici, et si le nombre est sept, d'accord, je peux dire que le résultat ici est égal au nombre, au pourcentage, à sept ou désolé, pas à sept, à deux ici. Et si c'est égal à zéro, alors je dirais que c'est pair. Sinon, c'est étrange, d'accord ? Et je peux simplement imprimer le journal des points de la console ici. OK. Donc, ici, je peux dire résultat. Vous pouvez voir que c'est du gazon, non ? Et si j'en fais huit, oups. Donc, si j'en fais huit, ce sera même ici. D'accord ? Maintenant, vous pouvez même écrire la même condition à l'aide de l'instruction if, afin que vous puissiez dire si c'est bien. Et quelle en est la condition ? C'est une condition, non ? Vous allez donc avoir la maladie ici. OK. Et puis vous devez renvoyer ceci ou attribuer au résultat, n'est-ce pas ? Par ici. Ce que je vais faire, c'est ne pas l'attribuer, mais je vais prendre directement le journal des points de la console, et j'aurai juste un résultat. Oups. Je vais donc dire le résultat ici et je dirais même ici. OK. Quelque chose comme ça. D'accord. Et si ce n'est pas le cas, alors ce que vous pouvez faire, c'est imprimer ou. Quelque chose comme ça. Vous pouvez même voir. OK. Il s'agit donc de la même condition écrite à l' aide de l'instruction if. Mais dans certains cas, l'opérateur ternaire vous donne une syntaxe plus concise Par exemple, ici, la condition est assez simple. L'opérateur ternaire semble donc beaucoup plus concis. Mais maintenant, si la condition est très complexe comme celle-ci ou si elle est imbriquée, il est conseillé de ne pas utiliser d'opérateur ternaire, car soit vous finirez par faire une erreur, soit la personne qui lit le code ne comprendra pas ce qui se passe, n' est-ce complexe comme celle-ci ou si elle est imbriquée, il est conseillé de ne pas utiliser d'opérateur ternaire, car soit vous finirez par faire une erreur, soit la personne qui lit le code ne comprendra pas ce qui se passe, n' est-ce pas ? Parce qu'il ne sera pas lisible. Ce serait un gâchis. Donc, pour des conditions simples, opérateur ternaire est conseillé, d'accord ? Mais pour les plus complexes, bien sûr, vous devez utiliser des « si » normaux, n'est-ce pas ? C'est donc quelque chose dont vous devez être conscient. Bien sûr, vous pouvez même le déplacer vers les fonctions, d'accord ? Vous pouvez même utiliser l'IL dans les fonctions. Donc, euh, tellement fonctionnel. Vous pouvez donc dire fonction, vérifier, voire étrange, quelque chose comme ça ici, et je peux avoir cette condition ici, d'accord ? Et le numéro est terminé, non ? Donc, tu auras le numéro ici. C'est bon. Et tu peux appeler ça. Tu peux dire « chèque », même de façon étrange, d'accord ? Et vous pouvez passer dix, par exemple, dix c'est pair. Tu peux passer le 11. Vous pouvez voir que 11 est étrange. C'est donc également possible. D'accord, vous pouvez également avoir F dans, euh, dans les fonctions. Vous pouvez également utiliser des EL avec des tableaux. D'accord. Laisse-moi te le montrer. D'accord ? Disons que vous avez toute une gamme de fruits, d'accord ? Et tu manges Apple, d'accord ? Je vais juste créer quelques fruits, des bananes. OK. Et disons orange. C'est assez simple. OK. Maintenant, disons que je veux vérifier si c'est mon préféré, d'accord ? Les fruits existent ou non dans le tableau. OK. Disons que mon fruit préféré est la pomme, par exemple. OK. Donc tu peux dire si c'est bon. OK, 1 seconde, laissez-moi obtenir ce modèle. Vous pouvez donc dire si quelle est la condition ? Si des fruits sont inclus, vous en avez inclus ici. OK. Si cela inclut votre fruit préféré, d'accord ? Alors ce que tu peux faire c'est te connecter ici, d'accord ? Tu peux dire que je vais juste dire oui. OK. Sinon, ce que vous pouvez faire c'est dire « console point log » ici, et ici, vous pouvez dire non. D'accord, j'imprime simplement un oui ou un non. Vous pouvez avoir de bons messages, bien sûr. Vous pouvez donc voir « oui » ici. Maintenant, disons que si c'est la fraise mon fruit préféré, c' est qu'elle ne figure pas dans la liste. D'accord ? Voici donc comment vous pouvez utiliser des tableaux avec FLS Un droit ? Vous pouvez effectuer des opérations qui renvoient une valeur booléenne, qui peut être évaluée dans D'accord ? Vous pouvez même le faire avec Objecs. Permettez-moi donc de vous montrer un exemple ici. D'accord ? Disons que j' ai un utilisateur ici. Utilisateur. C'est bon. Oups, je dois égaler. OK. Au sein de l'utilisateur, supposons que vous vous appeliez Alice. OK. Supposons que votre admin soit faux. D'accord ? Donc ici, il s'agit d'une valeur booléenne à l'intérieur, comme un attribut booléen Vous pouvez donc dire que je suis d'accord, je vais obtenir un modèle DL. Vous pouvez dire que l'utilisateur point est Admin. D'accord ? S'il est administrateur, vous pouvez dire « console point log » ici. OK. Et vous pouvez dire « bienvenue, administrateur ». C'est bon. C'est possible. OK. Sinon, vous pouvez venir ici et dire : «   Oh, vous pouvez utiliser des modèles littéraux ici D'accord ? Vous pouvez dire user point n. D'accord. Et puis cela doit être intégré dans les arriérés d'impôts. D'accord ? Si vous le sauvegardez, vous verrez Welcome Alice. D'accord ? Donc, l'utilisateur EdminFals Vous verrez donc la bienvenue à Alice. Si c'est vrai, bienvenue à l' administrateur. D'accord ? Je vais donc garder cela pour faux et nous aurons la bienvenue à Alice. D'accord ? La déclaration récapitulative IL est donc l'une des structures de contrôle importantes de Jascript D'accord ? Cela se trouve en dessous, il y a donc des catégories, d'accord ? Vous avez donc une structure de contrôle, ce qui signifie que vous contrôlez la façon dont votre indice est exécuté, n'est-ce pas ? Donc, si une déclaration se trouve en dessous de ça, d'accord ? Et il est utilisé pour l'exécution conditionnelle, vous pouvez voir ici que nous exécutons le code de manière conditionnelle Si vous utilisez l'instruction If, il n'y a aucune garantie que le code sera exécuté car cela dépend de la condition, n'est-ce pas ? Et les valeurs de valeur impliquées ici. Si vous souffrez d'une maladie complexe, vous ne le saurez pas, n'est-ce pas ? L'ILS est donc très fondamental. Vous utiliserez beaucoup FL, que vous appreniez le Javascript, que vous réagissiez, tout ça, d'accord ? Et il existe plusieurs formes, comme nous l'avons vu. Vous pouvez utiliser des opérateurs logiques pour créer des conditions Si vous êtes enchaîné, vous avez un IL imbriqué, vous pouvez utiliser des opérateurs logiques pour créer des conditions plus complexes Vous avez également un opérateur ternaire, qui est une version abrégée de l'instruction L'opérateur ternaire est donc souvent appelé une version abrégée de l'instruction OK. Et Is peut également être utilisé avec des fonctions, tableaux, des objets, etc. C'est bon. J'espère donc que vous savez clairement comment vous pouvez utiliser les décisions de votre code à l'aide d'une première déclaration, et j'espère que cela vous a été très utile. 3. Changer de perspective : une plongée en profondeur dans les instructions de changement de perspective: Il est donc temps de parler de la déclaration switch. Maintenant, commençons par comprendre pourquoi instruction switch existe en premier lieu. Maintenant, le problème, c'est que lorsque vous avez affaire plusieurs conditions avec des « si », elles peuvent devenir un peu plus longues et difficiles à lire. Et c'est le cas si vous faites une évaluation des conditions sur la même variable, d'accord ? Ainsi, lorsqu'il s'agit de plusieurs conditions pour la même variable, cela peut devenir long et plus difficile à lire. là que la déclaration switch entre en scène, dans laquelle elle offre une alternative plus propre et plus lisible. C'est bon. Permettez-moi donc de vous donner un exemple de ce que signifient plusieurs conditions sur la même variable. Alors jetez un œil à cet exemple que j'ai ajouté ici. Ici, j'ai une variable appelée fruit. J'évalue cette variable, accord dans plusieurs conditions et je donne le résultat ici, d'accord ? Maintenant, si je sauvegarde ce montant, bien sûr, je vais obtenir le résultat, car les pommes coûtent 2 dollars le kg. OK ? Je vais donc me renseigner sur le prix ici. Mais les conditions sont multiples, d'accord ? Pour une ou deux affections, déclaration IL est excellente, mais lorsque les conditions se multiplient, d'accord, cela peut devenir difficile à gérer. Et c'est là que Switch Statement entre en scène. Alors, comment écrivez-vous un interrupteur ? Vous pouvez donc dire ici, disons que j'ai, d'accord, ici j'ai des fruits. OK, je vais créer un autre exemple. J'appellerai cela un type de fruit. La variable va donc changer ici. Je vais allumer les fruits. OK. Donc, en fait, si vous tapez switch ici, vous avez ce modèle que vous pouvez sélectionner. OK ? Vous pouvez voir la syntaxe automatiquement ajoutée ici. Désormais, les instructions switch sont composées de clés et de valeurs. OK ? Vous pouvez donc voir cette clé ici. Alors, qu'est-ce qu'une clé ici ? La clé est en fait l'expression que je souhaite évaluer, n'est-ce pas ? Donc ici, dans mon cas, l'expression est type de fruit. OK ? Ce type de fruit sera donc maintenant évalué par rapport à plusieurs cas. Donc, le premier cas est ici, Apple. OK. Je peux donc dire Apple ici. OK. Et si c'est Apple, alors ce que je veux faire , je veux imprimer cette déclaration ici. OK ? Quelque chose comme ça. C'est bon. Donc, si le type de fruit est la pomme, cela sera exécuté dans ce cas parce que c'est une valeur correspondante, d'accord ? Et il l' imprimera sur la console. OK ? Je peux également reproduire cela pour d'autres choses OK ? Donc, par exemple, je peux en avoir pour la banane, non ? Je peux donc dire que c'est de la banane. C'est bon. Et je peux faire en sorte que la console se connecte ici pour Banana. OK. Tu peux voir. OK. Je peux aussi faire la même chose pour d'autres fruits. Je vais donc ajouter ceci. OK. Oups. Indentation, j'ai foiré avec l' C'est bon. Mais après la banane, il y a l'orange. Je vais dire orange ici et quel est le verrou de la console pour l'orange ? Comme vous pouvez le voir, les oranges Oge coûtent 1,5 dollar le kg. OK ? Maintenant, la clé par défaut est la clé par défaut, lorsqu'aucune correspondance n'est trouvée, vous pouvez donc l'imprimer. OK ? Par ici. OK. Quelque chose comme ça. C'est bon. Maintenant, si vous sauvegardez cela, vous pouvez voir que les pommes coûtent 2$ le kg. Si je le prépare sous forme de fraise, d'accord ? Vous verrez, nous sommes désolés de ne pas avoir ce fruit. Si je dis orange, oups, pas ici Si je dis OK. Donc si je dis fraise, en fait, je change de place, vous ne devriez pas changer de place. Je suis désolée, mais ce sera de la fraise. OK ? Si vous conservez ceci, vous verrez, désolé, nous n'avons pas ce fruit. Si vous dites orange, d'accord, les oranges coûtent 1,5 dollar le kg. OK ? Si vous dites banane, la banane sera exécutée. Tu peux voir. C'est donc une meilleure alternative, je dirais, plus facile à lire, d'accord ? Et c'est également plus facile à gérer. Donc, si vous avez d'autres étuis ou si vous ajoutez plus de fruits, vous pouvez simplement ajouter un exposé de cas. C'est plus facile à lire. Mais ici, si vous avez plusieurs problèmes de santé, d'accord, cela peut être difficile à lire C'est donc l'avantage ici. OK. Maintenant, vous pouvez également passer à travers l'interrupteur. OK ? Alors laisse-moi tout copier. Je vais venir ici. OK. Je vais te montrer Fall. OK ? Je dirais donc automne. Deux. Et je vais m'en débarrasser. C'est un double en fait. Disons donc que j'ai cette instruction switch. Maintenant, je souhaite regrouper plusieurs cas pour exécuter le même bloc de code. Donc, ce que je peux faire, c'est que si le type de fruit est la pomme, je veux exécuter ces deux cas. Donc, ce que je ferais, c'est supprimer Break ici. OK ? Maintenant, si je dis, OK, alors laissez-moi changer cela aussi. Je vais le déplacer vers une variable normale, et ici, je dirais que le type de fruit est égal à celui de la pomme. OK. Maintenant, si je garde ceci, vous verrez que les pommes coûtent 2$ le kg et les bananes 1$ le kg. Vous allez les faire imprimer tous les deux ici. Si vous dites banane, une seule sera imprimée. OK ? Alors pourquoi les deux ont été imprimés alors que vous avez parlé d'Apple ? Eh bien, ce qui se passe, c'est que vous n'avez pas cette déclaration de rupture. rupture dans le boîtier d'un interrupteur est donc responsable de la rupture de la boucle ici ou de la rupture de la condition. Donc ici, une fois cette opération exécutée, cette partie instruction break n'est pas prise en compte et le contrôle ne passe pas au cas suivant Au lieu de cela, il sort de l'interrupteur. Donc, le break est essentiellement utilisé pour sortir de l'interrupteur, n'est-ce pas ? Donc, si vous sautez la pause, il commencera également à exécuter le cas suivant. Si je le supprime, il recommencera et commencera à s'exécuter dans le cas suivant, vous pouvez voir. D'accord, c'est l' importance de la pause. Et ce comportement ici sans interruption est connu sous le nom de fall through in switch. OK ? Alors souvenez-vous de ceci si quelqu'un vous le demande ou si vous le lisez quelque part, d'accord ? C'est ce que l'on appelle le fall through, l'omission de la rupture. accord ? Maintenant, vous pouvez même avoir un interrupteur avec des expressions. OK ? Donc, permettez-moi de changer avec des expressions. OK ? C'est bon. J'ai fait une faute d'orthographe ici. OK ? Disons donc que j' ai un nombre ici, qui est initialisé à neuf, d'accord Maintenant tu peux dire «   switch over here ». OK. Maintenant, je peux dire vrai, car cette expression n' est pas vraie. OK. Alors maintenant, ce que vous pouvez faire ici, c'est une mallette. Vous pouvez avoir un nombre inférieur à cinq. Donc, si le nombre est inférieur à cinq, d'accord, vous direz console point log ici. OK. Ici, on peut dire que le nombre est inférieur à cinq, quelque chose comme ça. OK ? Vous pouvez avoir la même chose pour oups Vous pouvez avoir la même chose pour cette partie ici. OK. Vous pouvez donc dire ici le nombre est supérieur à cinq et le nombre est inférieur à cinq. Oh, désolé, le nombre n'est pas inférieur à cinq, il est inférieur à dix. Donc, ici, vous pouvez voir que le nombre est de 5 à 10. Vous pouvez donc voir que le nombre est de 5 à 10. C'est bon. De cette façon, vous pouvez également utiliser des expressions dans les déclarations de cas, ici. Maintenant, je veux parler des différences entre switch in JavaScript, Pis in et Java. C'est bon. Donc, en Java, les exemples que vous voyez sont similaires à ceux que nous avons examinés en Java, d'accord ? Donc, en Java, cela fonctionne également de la même manière, d'accord ? Et en Java, les valeurs majuscules doivent être constantes. Comme dans les enums ou les cordes de Digo. Mais dans le cas de JavaScript, il peut s'agir de n'importe quel type de données, comme des chaînes, des nombres, et il peut même inclure des expressions comme celles que nous voyons ici, n'est-ce pas ? Et en ce qui concerne Python, d'accord ? Python n'a donc pas d'instruction switch traditionnelle, mais il utilise if Ls, if, okay right. C'est donc quelque chose. Dans la dernière version de Python, vous avez également match key, qui est une construction plus puissante que le commutateur JavaScript, n'est-ce pas Donc oui, c'est ce que c'est, et la syntaxe sera beaucoup plus similaire à celle des autres langages de programmation. Mais une chose que vous devez retenir à propos du switch est de savoir quand l'utiliser. Donc, si vous avez plusieurs valeurs à comparer à une seule variable, comme nous le faisons ici, il est préférable d'utiliser switch car elles sont beaucoup plus faciles à comprendre et à écrire également. Par exemple, vous ferez moins erreurs et quelqu'un le lira, ce sera également beaucoup plus facile pour eux. J'espère que cela vous a été utile et que vous avez pu suivre. 4. Itérer pour innover : exploiter les boucles en JavaScript: Il est donc temps de commencer à parler des quatre boucles en JavaScript. Maintenant, les quatre boucles JavaScript fonctionnent comme n'importe quel autre langage de programmation, non ? Supposons donc que je puisse écrire une déclaration en quatre comme celle-ci. Vous pouvez voir cette syntaxe qui a été renseignée, d'accord. Vous avez maintenant cet index, qui sera comme un compteur qui vous aidera à parcourir une liste d'éléments, n'est-ce pas ? Je peux donc l' avoir ici comme index. D'accord. Je peux repartir de zéro. OK, donc je suis égal à zéro, et oups. Je peux donc venir ici, d'accord, et je peux en avoir moins de cinq ici. D'accord. Disons, disons dix. Je veux imprimer les chiffres de 0 à 9. Disons que je veux imprimer dix chiffres, non ? J'ai I plus, et je peux simplement venir ici et dire Console point log ici. D'accord. Et je peux me faire imprimer. Comme ça. C'est bon. Et si je sauvegarde ceci, vous verrez zéro, un, deux, trois jusqu'à neuf. Dix chiffres sont donc imprimés et nous utilisons en fait quatre boucles pour le même résultat. Maintenant, si vous avez un tableau, en gros, quatre boucles peuvent également être utiles pour itérer dans utiles pour itérer dans les tableaux Donc, si je dis des chiffres ici, vous pouvez avoir un, deux, trois, quatre, cinq, six, sept, huit. D'accord. Disons que nous avons huit chiffres. Je vais donc copier ceci, d'accord. Et ici, je peux dire la longueur des points des chiffres. C'est un tableau, et nous avons cette propriété de longueur en plus, d'accord ? Et vous pouvez accéder au tableau ici. Vous pouvez donc prononcer des chiffres en I. Si vous enregistrez ceci, vous verrez un, deux, trois, quatre , cinq, six, sept et huit ici. D'accord ? Nous avons donc ce tableau en cours d'impression. Maintenant, ce qui se passe, c' est la partie initialisation. Nous sommes en train d'initialiser la variable. Il s'agit de la partie conditionnelle dans laquelle nous évaluons la condition les quatre boucles doivent avancer ou non. Et c'est la partie incrémentielle. Donc, tout d'abord, l' initialisation a lieu. Ensuite, la condition est évaluée. Il en va de même pour zéro de moins que la longueur des points des nombres. D'accord. Donc, zéro est inférieur à huit ici. La longueur de ce tableau est de huit, non ? La longueur des points des nombres sera donc huit parce que nous essayons d'obtenir la longueur des tableaux en utilisant la propriété length, n'est-ce pas ? Donc puisque c'est vrai, nous allons entrer et vous allez imprimer des nombres nuls, non ? Ce qui signifie que l'un d'eux est imprimé. Ensuite, vous incrémentez I , puis vous évaluez à nouveau la condition. Et puis tu rentres à l'intérieur. Si la condition est vraie, vous allez à l'intérieur et vous l'exécutez. De cette façon, ces quatre boucles continuent de exécuter jusqu'à ce que la condition s' exécuter jusqu'à ce que la condition ici soit fausse, correcte, et que la boucle soit terminée . D'accord ? Voici donc comment fonctionnent les quatre boucles, et voici leur contrepartie. Il s'agit de la partie initialisation et de la partie incrémentation et décrémentation L'initialisation est donc simplement exécutée au début des quatre boucles Hein ? Plus tard, ces deux éléments détermineront si la boucle doit être exécutée ou non. D'accord ? Il s'agit donc d'une boucle à quatre boucles, et vous pouvez même utiliser quatre boucles pour imprimer le verso ici. Je peux donc faire marche arrière. Laissez-moi le copier. Il s'agissait donc d'une boucle d'impression directe. En fait, je peux en faire dix ici. Je peux inverser la condition selon laquelle il doit être supérieur à zéro, et je peux avoir I moins moins. Si je sauvegarde ceci, d'accord, et permettez-moi de le commenter pour qu'il y ait un peu moins de connexion à l'écran, vous pouvez le voir ici, 109-87-6543 21, Nous allons donc faire marche arrière maintenant à l'aide de ces quatre boucles, ce qui nous aide à aller dans l'ordre inverse, et vous pouvez également faire de même avec le tableau, n'est-ce pas ? Vous pouvez imprimer à l'envers, imprimer le tableau à l'envers. C'est quelque chose que tu peux faire. Vous pouvez même imbriquer les quatre boucles, d'accord. Je vais donc simplement le commenter ici afin que nous ayons une console plus propre et que nous puissions voir le résultat ici. Disons que j'ai ce tableau, o, et disons que je souhaite imprimer une matrice, n'est-ce pas ? Donc, ce que je ferais, c'est de venir ici. J'ajouterais également une boucle à quatre ici, accord. Et je vais juste commenter ceci. D'accord. Ce que je ferais, c'est repartir de zéro. Je dirais que je suis inférieur à. Je peux dire, oups, désolée, j'ai moins de dix ans, plus un, quelque chose comme ça D'accord. Maintenant, je dirais que je suis égal à zéro ici aussi, et que cette boucle interne correspondra. Donc, tout d'abord, nous devons changer le nom de la variable ici. Ça devrait être J. D'accord. Cela devrait également être J et cela devrait également être J. D'accord ? Donc J jusqu'à J est inférieur à I G plus, quelque chose comme ça. D'accord. Et vous pouvez imprimer en J ici. Comme ça. Si vous l'enregistrez, vous verrez. OK, donc zéro, un, zéro, d'accord ? Un, 20. Un, deux, trois, etc. Donc, en fait, nous ne l' imprimons pas dans le style matriciel, mais nous avons une boucle à quatre boucles imbriquées que nous utilisons pour itérer dans les tableaux D'accord ? Si vous avez une sorte de tableau matriciel, qui est un tableau de tableaux, vous pouvez utiliser ce type de syntaxe pour l'itérer . D'accord ? Cela fait donc environ quatre boucles. Quatre boucles sont essentiellement utiles ou les boucles en général sont essentiellement utiles lorsque vous souhaitez répéter un code particulier un certain nombre de fois jusqu'à ce qu'une condition soit satisfaite. C'est donc là que les boucles sont utilisées, et il se trouve que quatre boucles sont une sorte de boucle. J'espère que cela vous a été utile. 5. Répéter pour réussir : maîtriser pendant les boucles pour un contrôle dynamique: Donc, lorsque nous parlons de boucles, nous avons aussi ce que l'on appelle une boucle le ou une boucle I, devrais-je dire. C'est bon. Maintenant, qu' est-ce qu'une boucle de ville ? La boucle Vy est donc une sorte de boucle qui exécute un bloc de code ou un groupe d' instructions ici Tant que la condition est vraie. Ainsi, une fois que la condition s'avère fausse, dans ce cas, la boucle le est exécutée. C'est bon. Permettez-moi donc de vous donner un exemple de la façon dont une boucle le fonctionnerait dans un script Java. Supposons donc que vous ayez cette variable, d'accord, vous pouvez avoir une instruction Wile Quelle est la condition que tu souhaites avoir ? Alors disons que j' ai moins de cinq ans. OK, je peux dire Console, point log ici, et je peux imprimer, j'aime. OK. Et je vais enregistrer ça. Une autre chose est que cela suit une boucle sans fin, vous pouvez le voir ici. OK. Maintenant, ce n'est pas correct, car il n'y a pas de condition de rupture. La boucle n'est jamais exécutée. La boucle n'est jamais quittée. Vous devriez donc avoir une sorte de maladie ici. OK. Disons que j' ai cette condition, je dois également incrémenter la valeur de I. Et si je l'enregistre, d'accord, alors la boucle sera terminée. Donc je dois juste arrêter ça maintenant. Alors maintenant, vous pouvez voir que nous avons imprimé de zéro à quatre, ce qui est de bons chiffres. Et la dernière fois que cela s'est produit, tout à l'heure, c'est devenu une boucle sans fin parce que nous n'avions pas à incrémenter la condition D'accord ? Il s'agit donc d'une syntaxe de la boucle y et de la façon dont elle est écrite en JavaScript. Il s'agit donc de Wile Coop. C'est assez simple et direct quand il s'agit de Javascript, non ? J'espère que cela vous a été utile. 6. Conclusion du cours: Et cela nous amène à la fin de ce cours incroyable. Tout au long de ce cours, vous avez beaucoup appris sur la manière rendre votre code beaucoup plus intelligent afin qu'il puisse réfléchir, prendre ses propres décisions et être réactif dans son intégralité, n'est-ce pas ? Nous avons appris des concepts tels que l'instruction if, les quatre boucles, nous avons également abordé le switch, nous avons également parlé boucle Wil et nous en avons vu des exemples. N'oubliez pas que la maîtrise du flux de contrôle est une étape cruciale pour devenir un développeur Ja Script compétent Les compétences que vous avez acquises ici vous permettront d'écrire code plus dynamique et plus efficace fur et à mesure et de développer des projets incroyables. Et cela vous ouvrira la porte à défis de programmation encore plus avancés. Je vous encourage à continuer d' utiliser ces concepts que vous avez appris en classe jusqu'à présent dans les projets que vous développerez à l'avenir. Parce que l'apprentissage et la pratique sont essentiels ici. Je voudrais que vous vous remerciiez d'avoir été un apprenant aussi engagé et exceptionnel tout au long de ce cours ce cours, vous trouverez un projet de classe dans la section des projets de ce cours en particulier, que je vous encourage à compléter soumettre et à partager avec l'ensemble de la classe. Cela vous aidera à obtenir des commentaires intéressants sur votre projet. Bon codage et bonne chance la poursuite de votre voyage en JavaScript.