Types de structures de contrôle de flux en JavaScript

Table des matières

Aujourd'hui nous verrons des structures de contrôle de flux, appelées aussi simplement structures de contrôle ou surtout structures itératives. Ces instructions sont très intéressantes et utilisées car elles font évoluer le concept de programme en programme intelligent.

Parce que?

Si nous n'utilisons pas les structures de contrôle de flux, un programme est simple. C'est un programme qui n'utilise initialement que des variables et des opérateurs dans ce que l'on peut appeler une séquence d'instructions en temps linéaire, c'est-à-dire l'une après l'autre.
En introduisant les structures que nous verrons ci-dessous, notre programme cesse d'être une simple séquence linéaire d'instructions inefficaces pour devenir un programme capable de prendre des décisions en fonction de la valeur des variables qu'il manipule, c'est pourquoi elles sont appelées « intelligentes » .

Le structures itératives ils sont ainsi appelés parce que les instructions à exécuter peut être répété une ou plusieurs fois. Il existe une grande variété de types de structures itératives avec leurs particularités, cependant elles ont toutes un point commun, elles ont un point d'entrée unique, c'est-à-dire qu'elles sont activées lors de la saisie d'une donnée.

Maintenant, nous allons voir le différents types de structures itératives en JavaScriptBien qu'en réalité, dans tous ou presque tous les langages de programmation, il existe fondamentalement les mêmes structures et servent les mêmes objectifs, la différence réside dans la façon dont ils sont écrits, c'est-à-dire la syntaxe.

Nous commencerons par la structure itérative, qui est peut-être la plus simple et aussi la plus utilisée. Nous voulons dire la structure si.

SI structureJe dis que c'est le plus simple depuis l'introduction de l'information et après vérification ce que fait notre programme c'est que si la condition pré-établie est remplie, on exécute la ou les phrases que vous avez prédéfinies dans le code. En revanche, si cette condition n'est pas remplie, il quitte la structure et n'exécute pas le code qui l'accompagne.

Un exemple avec du code Javascript est le suivant :

 Si (x) {alerte ("La valeur est vraie"); } 
Aussi simple que cela. La seule chose que nous disons est que si la variable que nous saisissons (x) est vraie, écrivez "La valeur est vraie" et si ce n'est pas vrai, alors n'écrivez rien. Il pourrait aussi être exprimé avec If (x == true) étant très important de ne pas confondre l'opérateur == qui compare les deux valeurs avec = Ce qu'il fait, c'est attribuer la valeur de gauche à la valeur de droite.

Cette structure à elle seule permet de valider tout type d'informations saisies de manière très récurrente, cependant, elle est généralement accompagnée d'une autre structure appelée autre.
Else est utilisé en complément de if puisque si la condition établie par if n'est pas remplie et qu'elle se poursuit avec else, la ou les instructions associées à ladite structure de contrôle sont automatiquement exécutées comme on peut le voir dans l'exemple suivant :

 Si (x) {alerte ("La valeur est vraie"); } else {alerte ("La valeur est fausse"); } 
Comme dans l'exemple précédent, si les données saisies, x, sont vraies, écrivez « La valeur est vraie ». La différence avec l'exemple précédent dans lequel si x n'était pas vrai, il ne faisait rien, c'est que maintenant, comme il passe à else, il écrit directement "La valeur est fausse".
Ceci est très utile si l'information ne peut être que vraie ou fausse, noire ou blanche, oui ou non, ou toute autre combinaison binaire, ou l'une ou l'autre. Cependant, il y a généralement le cas où nous voulons savoir si les données que nous saisissons répondent à l'un de plusieurs des conditions exclusivesPar exemple, si nous voulons savoir si notre joueur est un défenseur, un milieu de terrain, un gardien ou un attaquant. Ce ne sera toujours qu'une des quatre choses et ici le avec if and else ne fonctionne pas pour nous.
Dans ce cas, nous pouvons utiliser le sinon si structure qu'est-ce que ça veut dire sinon. On peut utiliser tout le reste si on veut toujours après notre première structure if et avant la dernière, qui sera else, comme on peut le voir dans le code suivant :
 Si (joueur == gardien de but) {alerte ("Le joueur est gardien de but"); } else if (player == defense) {alert ("Le joueur est en défense"); } else if (player == midfielder) {alert ("Le joueur est un milieu de terrain"); } else {alerte ("Le joueur est en avant"); } 
De cette façon, le programme vérifie d'abord s'il s'agit d'un gardien de but. Si c'est le cas, il l'écrit, s'il ne va pas au premier sinon vérifier si c'est de la défense. Si c'est le cas, écrivez-le. S'il ne l'est pas, il passe au bloc suivant pour vérifier s'il est milieu de terrain. Si c'est le cas, écrivez-le. Si ce n'est pas l'une des trois options, il entre dans le dernier bloc. Ce qu'il fait est d'écrire qu'il est en avant par rejet.

Les structures que nous venons de voir ne finissent pas par être efficaces si les contrôles sont très répétitifs, auquel cas d'autres structures de contrôle telles que tandis que ou alors faire pendant :

BOUCLE PENDANTCette structure est ce qu'on appelle le while (qui est la traduction littérale de l'anglais) en algorithmique. Et comme son propre sens l'indique, c'est une boucle qui exécute les instructions alors que la ou les conditions restent vraies tant qu'elles continuent à renvoyer "true" en tant que valeur.
Par conséquent, la structure de ladite boucle est très simple :
tandis que (condition)
{
instructions;
}

UNE exemple simple en JavaScript cela peut être le suivant :

 compteur var = 1; while (num <5) {alerte ("num"); nombre + = 1 ; } 
C'est aussi simple que d'ajouter une à la fois à notre variable num jusqu'à ce qu'elle atteigne 5.
Que se passe-t-il si la condition n'est pas remplie avant d'entrer dans la boucle ?

Que la boucle ne fonctionnera jamais. Et ici, nous arrivons à un type spécial de la boucle while appelée faire pendant. Cette structure est utilisée si l'on veut que le programme entre dans la boucle au moins une fois. La traduction littérale est do… tant qu'elle le fait au moins une fois, entrez dans la boucle.

Pourquoi entre-t-il toujours dans notre boucle au moins une fois ?

Car comme nous le verrons ci-dessous, la condition pour exécuter la boucle est faite après l'avoir fait. Cela peut paraître compliqué mais nous allons voir que c'est très simple :

 var fait = 1; var num = 10 ; faire {fait = num * fait; nombre--; } tant que (nombre> 0); alerte (nombre); 
Ce serait l'exemple.

Que se passe-t-il dans cet exemple ?

Cela entre d'abord dans la boucle et fait deux instructions, en multipliant le résultat par le nombre, puis en diminuant le nombre. Ce processus le répète jusqu'à ce que notre nombre soit 1. En sortant de la boucle, écrivez le nombre qui était initialement 10 et est maintenant 1.
Cette boucle pourrait alors être écrite exactement de la même manière avec while. Par contre, si à l'initialisation var num = 0; entre dans la boucle, fait les instructions et num reste avec la valeur -1, ce qui n'arriverait pas avec while puisqu'il n'entrerait pas dans la boucle, et de cette façon il l'a fait une fois.
Il s'agit évidemment d'un exemple très simple et peu utile, mais lors de la programmation c'est très intéressant si l'on veut qu'un menu s'affiche au moins une fois.

Après avoir vu la boucle while et do while, nous allons voir ce que je pense être le plus utilisé en programmation. On parle de la fameuse boucle pour.

POUR la structureC'est la boucle la plus utilisée pour son efficacité, bien qu'elle soit plus complexe que les structures itératives précédentes.
Il a la forme suivante :

pour (ordre de initialisation; état; ordre de actualisation)
{
Instructions à exécuter
}

Et son le fonctionnement est très simple:
Dans la première partie de la boucle, une ou plusieurs variables sont initialisées, c'est-à-dire qu'elles reçoivent une valeur. Après le premier point-virgule, la condition qui doit être remplie pour exécuter les instructions est définie. Et la dernière partie de la parenthèse, la mise à jour, est la valeur qui sera affectée aux variables qui ont été initialisées.
Très simple, tant que la condition spécifiée est remplie, les instructions à l'intérieur de la boucle for sont exécutées. Après l'avoir exécuté, nous mettons à jour la valeur des variables utilisées dans la condition.
Nous allons maintenant voir un exemple écrit en Javascript:

 for (i = 0; i <10; i ++) {alerte ("C'est toujours moins de 10"); } 
Nous avons créé et initialisé la variable i avec la valeur 0. Il est important de garder à l'esprit que cette partie de la boucle ne s'exécute que la première fois, le reste du temps elle n'en tient pas compte puisqu'elle n'est initialisée qu'une seule fois . Notre zone de condition est tant que i est inférieur à 10, et donc notre boucle se répétera jusqu'à ce que i ne soit plus inférieur à 10.
C'est maintenant que la zone de mise à niveau entre en jeu. Si la valeur de i n'était pas modifiée, comme nous l'avons initialisé à 0, cela deviendrait une boucle infinie.
Dans notre zone de mise à jour, nous modifions la valeur de notre variable. Dans le cas de l'exemple, à chaque exécution de la boucle, la valeur de i est augmentée de 1, mais d'autres instructions telles que multiplication, soustraction, etc. pourraient également être fixées.

Le pour boucle est très utile dans le monde de la programmation, et bien que moins courant, un cas particulier s'impose. Bien que cela soit généralement utilisé dans la programmation d'objets déjà assez avancés, l'utilisation qui peut être faite dans les tableaux est intéressante.
Boucle pour dans ce qu'il fait, c'est parcourir un tableau en passant par tous ses éléments efficacement. Défini un tableau, le code est le suivant :

 var array = ["Premier", "Deuxième", "Troisième", "Quatrième"]; for (i dans les tableaux) {alerte ("Cours : tableau (i)"); } 
Il écrit tous les cours disponibles du premier au quatrième.

Enfin, nous parlerons d'une autre des structures de contrôle de flux les plus utilisées qui est la boucle de commutation, qui signifie choisir en anglais.

BOUCLE boucleNous utilisons cette structure presque chaque fois que nous voulons faire un menu avec ses différentes options. C'est une sorte d'optimisation de la répétition des boucles else if que l'on a vu auparavant et qui fonctionne beaucoup mieux et sans être redondante. Nous l'utilisons pour les fois où nous voulons effectuer plusieurs vérifications de la même variable, c'est-à-dire choisir une caractéristique plutôt qu'une variable qui l'empêche d'en avoir une autre.

La changer de forme est la suivante:

 switch (lettre) {cas a : instructions; Pause; cas b : consignes ; Pause; cas c : consignes ; Pause; cas d : consignes ; Pause; par défaut : instructions; Pause; } 
La boucle précédente reçoit une variable, dans ce cas une lettre. Il vérifie cette variable et selon laquelle il entre et exécute l'une ou l'autre des instructions puis sort de la boucle. Pour saisir chacune des options disponibles de notre variable lettre, le mot réservé case est utilisé. La boucle est terminée à l'aide du mot-clé break, qui est un instruction de saut, qui interrompt ou modifie le déroulement du programme, dans ce cas forcer la sortie de boucle prématurément. Cependant, il n'est pas obligatoire de saisir ce mot.

De cette façon, nous ne couperions pas le flux du programme et ne vérifierions pas le reste des options (que nous savons ne sera pas vrai) ce sera donc moins optimal. Il est très important de noter que les contrôles sont effectués dans l'ordrePar conséquent, si nous savons quelle ou quelles options seront le plus utilisées, il est préférable de les placer en premier.
Le valeur par défaut que l'on voit dans le code est celui utilisé si la valeur saisie ne correspond à aucune casse. Dans ce cas, il passe automatiquement à la valeur par défaut. Cependant, il n'est pas obligatoire d'inclure default dans notre code.

Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif

Vous contribuerez au développement du site, partager la page avec vos amis

wave wave wave wave wave