Phrase while en JavaScript

Définition et utilisation

La phrase while crée une boucle qui s'exécute tant que la condition spécifiée est vraie.

Tant que la condition est vraie, la boucle continue de s'exécuter. Elle s'arrête seulement lorsque la condition devient fausse.

JavaScript supporte différents types de boucles :

  • for - Répète la boucle 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 - Répète la boucle de code tant que la condition spécifiée est vraie
  • do/while - Exécute une boucle de code une fois, puis répète la boucle si la condition spécifiée est vraie

Conseil :Utilisez l'instruction break pour sortir de la boucle, et l'instruction continue pour sauter une certaine valeur dans la boucle.

Exemple

Le bloc de code se répètera tant que la variable (i) est inférieure à 5 :

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>Le nombre est " + i;
  i++;
}

Essayez vous-même

Vous trouverez plus d'exemples TIY en bas de la page.

Syntaxe

while (condition) {
  bloc de code à exécuter
}

Valeur du paramètre

Paramètres Description
condition

Obligatoire. Définir la condition de la boucle (bloc de code) à exécuter. Si elle retourne true, la boucle recommencera, si elle retourne false, la boucle se terminera.

Remarque :Si la condition est toujours vraie, la boucle ne se terminera jamais. Cela peut également faire crasher votre navigateur.

Remarque :Si vous utilisez une variable conditionnelle, veuillez l'initialiser avant la boucle et l'augmenter à l'intérieur de la boucle. Si vous oubliez d'augmenter la variable, la boucle ne se terminera jamais. Cela peut également faire crasher votre navigateur.

Détails techniques

Version JavaScript : ECMAScript 1

Plus d'exemples

Exemple

La boucle parcourt les indices de l'array et collecte les noms des voitures de l'array cars :

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i = 0;
while (i < cars.length) {
  text += cars[i] + "<br>";
  i++;
}

Explication de l'exemple :

  1. Tout d'abord, nous définissons une variable avant le début de la boucle (var i = 0;)
  2. Ensuite, nous définissons la condition de la boucle. Tant que la variable est inférieure à la longueur de l'array (c'est-à-dire 4), la boucle continuera
  3. La variable est augmentée de un à chaque exécution de la boucle (i++)
  4. Une fois que la variable n'est plus inférieure à 4 (la longueur de l'array), la condition est fausse, la boucle se termine

Essayez vous-même

Exemple

Parcourir l'index de l'array vers l'arrière :

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
  text += cars[len] + "<br>";
}

Essayez vous-même

Exemple

Utilisation de l'instruction break - Bloc de code de boucle, mais sort de la boucle lorsque la variable i est égale à "3" :

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>Le nombre est " + i;
  i++;
  if (i == 3) {
    break;
  }
}

Essayez vous-même

Exemple

Utilisation de l'instruction continue - Bloc de code de boucle, mais saute la valeur "3" :

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>Le nombre est " + i;
}

Essayez vous-même

Support du navigateur

instruction Chrome IE Firefox Safari Opera
while Support Support Support Support Support

Pages associées

Tutoriel JavaScript :Boucle While JavaScript

Manuel de référence JavaScript :Instruction do ... while JavaScript

Manuel de référence JavaScript :Instruction for JavaScript

Manuel de référence JavaScript :Instruction break JavaScript

Manuel de référence JavaScript :Instruction continue JavaScript