Scribd
Importer
49 vues8 pages

Boucle JavaScript For

Transféré par

Gil
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
49 vues8 pages

Boucle JavaScript For

Transféré par

Gil
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 8

H T M L C S S J A V A S C R I P T S Q L P Y T H O N J A V A P H P C O M M E N T W 3 . C S S C C + + C # A M O R C E R R É A G I R M Y S Q L J Q U E R Y E X C E L L E R X M L D J A N G O N U M P Y P A N D A S N O D E J S R .

M A N U S C R I T A N G U L A I R E G I T P o s t g r e S Q L M O N G O D B A S P I C I A A L L E R K O T L I N T O U P E T V U E D S A G É N É R A T I O N I A S C I P Y A W S L A C Y B E R - S É C U R I T É S C I E N C E S D E S D O N N É E S

Boucle JavaScript For


❮ PrécédentSuivant ❯

Les boucles peuvent exécuter un bloc de code plusieurs fois.

Boucles JavaScript
Les boucles sont pratiques si vous souhaitez exécuter le même code encore
et encore, à chaque fois avec une valeur différente.

C'est souvent le cas lorsque l'on travaille avec des tableaux :

Au lieu d'écrire :
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";

Tu peux écrire:
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
Essayez-le vous-même »

Différents types de boucles


JavaScript prend en charge différents types de boucles :

 for- parcourt un bloc de code plusieurs fois


 for/in- parcourt les propriétés d'un objet
 for/of- parcourt les valeurs d'un objet itérable
 while- parcourt un bloc de code alors qu'une condition spécifiée est
vraie
 do/while- parcourt également un bloc de code lorsqu'une condition
spécifiée est vraie

La boucle For
L' forinstruction crée une boucle avec 3 expressions facultatives :

for (expression 1; expression 2; expression 3) {


// code block to be executed
}

L'expression 1 est exécutée (une fois) avant l'exécution du bloc de code.

L'expression 2 définit la condition d'exécution du bloc de code.

L'expression 3 est exécutée (à chaque fois) après l'exécution du bloc de


code.

Exemple
for (let i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}

Essayez-le vous-même »

A partir de l'exemple ci-dessus, vous pouvez lire :

L'expression 1 définit une variable avant le début de la boucle (soit i = 0).

L'expression 2 définit la condition d'exécution de la boucle (i doit être


inférieur à 5).

L'expression 3 augmente une valeur (i++) à chaque fois que le bloc de code
de la boucle est exécuté.
Expression 1
Normalement, vous utiliserez l'expression 1 pour initialiser la variable utilisée
dans la boucle (soit i = 0).

Ce n'est pas toujours le cas. JavaScript s'en fiche. L'expression 1 est


facultative.

Vous pouvez initier plusieurs valeurs dans l'expression 1 (séparées par une
virgule) :

Exemple
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
Essayez-le vous-même »

Et vous pouvez omettre l'expression 1 (comme lorsque vos valeurs sont


définies avant le début de la boucle) :

Exemple
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Essayez-le vous-même »

Expression 2
L'expression 2 est souvent utilisée pour évaluer la condition de la variable
initiale.

Ce n'est pas toujours le cas. JavaScript s'en fiche. L'expression 2 est


également facultative.

Si l'expression 2 renvoie vrai, la boucle recommencera. S'il renvoie false, la


boucle se terminera.

Si vous omettez l'expression 2, vous devez prévoir une pause à l'intérieur de


la boucle. Sinon, la boucle ne se terminera jamais. Cela fera planter votre
navigateur. Découvrez les pauses dans un chapitre ultérieur de ce didacticiel.
Expression 3
Souvent, l'expression 3 incrémente la valeur de la variable initiale.

Ce n'est pas toujours le cas. JavaScript s'en fiche. L'expression 3 est


facultative.

L'expression 3 peut faire n'importe quoi comme un incrément négatif (i--),


un incrément positif (i = i + 15) ou toute autre chose.

L'expression 3 peut également être omise (comme lorsque vous incrémentez


vos valeurs à l'intérieur de la boucle) :

Exemple
let i = 0;
let len = cars.length;
let text = "";
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
Essayez-le vous-même »

Portée de la boucle
Utilisation varen boucle :

Exemple
var i = 5;

for (var i = 0; i < 10; i++) {


// some code
}

// Here i is 10
Essayez-le vous-même »

Utilisation leten boucle :


Exemple
let i = 5;

for (let i = 0; i < 10; i++) {


// some code
}

// Here i is 5
Essayez-le vous-même »

Dans le premier exemple, en utilisant var, la variable déclarée dans la boucle


redéclare la variable en dehors de la boucle.

Dans le deuxième exemple, en utilisant let, la variable déclarée dans la boucle


ne redéclare pas la variable en dehors de la boucle.

Lorsque letest utilisé pour déclarer la variable i dans une boucle, la variable i
ne sera visible que dans la boucle.

Boucles For/Of et For/In


La for/inboucle et la for/ofboucle sont expliquées dans le chapitre suivant.

Boucles while
La whileboucle et les do/whilesont expliqués dans les chapitres suivants.

Testez-vous avec des exercices


Exercice:
Créez une boucle allant de 0 à 9.

laissez-moi;
(=;<;) {
console.log(i);
}
Soumettre la réponse »

Commencer l'exercice

❮ PrécédentSuivant ❯

PUBLICITÉ

PIPETTE À COULEURS

LES ESPACES
MISE À NIVEAU
SANS PUBLICITÉ
BULLETIN
OBTENIR UNE CERTIFICATION
CONTACTEZ-NOUS
Meilleurs tutoriels
Tutoriel HTML Tutoriel
CSS Tutoriel
JavaScript Tutoriel
Comment faire Tutoriel
SQL Tutoriel
Python Tutoriel
W3.CSS Tutoriel
Bootstrap Tutoriel
PHP Tutoriel
Java Tutoriel
C++ Tutoriel
jQuery

Principales références
Référence HTML
Référence CSS Référence
JavaScript Référence
SQL Référence
Python Référence
W3.CSS Référence
Bootstrap Référence
PHP
Couleurs HTML
Référence Java Référence
Angular Référence
jQuery

Meilleurs exemples
Exemples HTML Exemples
CSS Exemples
JavaScript Exemples
pratiques Exemples
SQL
Exemples Python Exemples
W3.CSS Exemples
d'amorçage Exemples
PHP Exemples
Java Exemples
XML Exemples
jQuery

Obtenir une certification


Certificat HTML Certificat
CSS Certificat
JavaScript Certificat
Front End Certificat
SQL Certificat
Python Certificat
PHP Certificat
jQuery Certificat
Java Certificat
C++ Certificat
C# Certificat
XML


FORUM SUR LA SALLE DE CLASSE
W3Schools est optimisé pour l'apprentissage et la formation. Les exemples pourraient être
simplifiés pour améliorer la lecture et l’apprentissage. Les didacticiels, références et exemples sont
constamment révisés pour éviter les erreurs, mais nous ne pouvons garantir l'exactitude totale de
tout le contenu. En utilisant W3Schools, vous acceptez d'avoir lu et accepté nos conditions
d'utilisation , nos cookies et notre politique de confidentialité .

Copyright 1999-2024 par Refsnes Data. Tous droits réservés. W3Schools est propulsé par
W3.CSS .

Vous aimerez peut-être aussi