Exemples pour Javascript

Notions
> Vous trouverez ici-même les différents exemples en javascript pour les notions vu dans le chapitre 4. --- ### Exemple de boucle For ```js /* for (variable; condition; opération) { code... } */ for (let i = 0; i <= 3; i++) { console.log(i); //Renvoie 4 fois la valeur de i // À la fin de l'occurence, l'opération ajoute 1 à i } ``` La boucle **for** en **javascript** suit la syntaxe visible dans le commentaire de bloc. > En premier temps, nous trouvons **`for`**, l'élément **d'initialisation** de la boucle, il est semblable dans tout les langages acceptant la boucle for. > Par la suite, il faut **déclarer la variable et sa valeur**, elle sera utilisé dans la condition. > Après le `;` nous devons **définir la condition**, qui tant que validé effectuera une nouvelle occurence de la boucle. > Pour finir, plaçons **l'opération**, cette dernière et le changement qui affectera la variable à la fin de chaque occurence de la boucle. --- ### Exemple de boucle While ```js /* while (condition) { code... } */ let i = 0; while (i < 3) { console.log(i); // Possibilité d'ajouter un changement de valeur de i dans la boucle, ou plus tard dans le code // Si ajout de l'opérateur i++ // La boucle renverra 4 fois la veleur de i; // Sinon la boucle se fera infiniment tant que la valeur de i dans le code ne sera pas modifié et supérieur ou égal à 3 } ``` La boucle **while** en **javascript** suit une syntaxe disponible dans le commentaire de bloc. > Pour commencer, il faut **initialiser** la boucle, cela se fait avec **`while`**. > Enfin, nous mettons la **condition**, vérifiée à chaque occurence, afin d'entrer dans la boucle --- ### Exemple de boucle do-while ```js /* do { code... } while (condition) */ let i = 0; do { console.log(i); // Possibilité d'ajouter un changement de valeur de i dans la boucle, ou plus tard dans le code // Si ajout de l'opérateur i++ // La boucle renverra 4 fois la veleur de i; // Sinon la boucle se fera infiniment tant que la valeur de i dans le code ne sera pas modifié et supérieur ou égal à 3 } while (i < 3) ``` La boucle **do-while** en **javascript** suit une syntaxe disponible dans le commentaire de bloc. > Tout d'abord, nous retrouvons **l'initialisateur** qui est l'instruction **`do`** > Ensuite, nous entrons le **code** que nous souhaitons exécuter en boucle dans le bloc de code > Par ailleurs, nous avons l'instruction **`while`** qui nous est là pour montrer que nous faisons une boucle **do-while**. > Enfin, nous avons la **condition** qui est vérifiée après chaque occurence afin de savoir si la boucle aura une nouvelle occurence. --- ### Exemple de boucle ForEach ```js // Boucle forEach pour un tableau contenant tous les chiffres de 1 à 9 /* arr.forEach(value=> { console.log(value); } */ let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; arr.forEach(value=> { console.log(value); // Renvoie tout les éléments du tableau }) ``` La boucle **forEach** en **javascript** est une boucle qui s'effectue sur les tableaux, et suit la syntaxe présente dans le commentaire de bloc ci-dessus. > Pour commencer, nous retrouvons le **tableau** sur lequel nous voulons utiliser la boucle. > Ensuite nous avons la boucle qui **s'initialise** avec **`forEach`**. > Par ailleurs nous avons entre parenthèse la **variable** qui contient la valeur correspondante à l'élément en cours d'occurence. Suivi d'une [fonction fléchée](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Functions/Arrow_functions). > Enfin, nous plaçons le **code** à exécuter pour chaque occurrence