diff options
| author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-09-04 00:46:12 +0900 |
|---|---|---|
| committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-09-04 00:46:12 +0900 |
| commit | fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f (patch) | |
| tree | 51b7edfc370236684a203f4e69ae67bb7d24b549 /files/fr/web/javascript/reference/statements/while | |
| parent | 04ea4edc83cc12142ed151bbea2c65cffc8e76f6 (diff) | |
| parent | eeb07fe338cdc90092841d717919f46f9d9e3ff9 (diff) | |
| download | translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.tar.gz translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.tar.bz2 translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.zip | |
Merge branch 'main' into 20210818-Glossary/Type
Diffstat (limited to 'files/fr/web/javascript/reference/statements/while')
| -rw-r--r-- | files/fr/web/javascript/reference/statements/while/index.html | 99 | ||||
| -rw-r--r-- | files/fr/web/javascript/reference/statements/while/index.md | 66 |
2 files changed, 66 insertions, 99 deletions
diff --git a/files/fr/web/javascript/reference/statements/while/index.html b/files/fr/web/javascript/reference/statements/while/index.html deleted file mode 100644 index a9a03df043..0000000000 --- a/files/fr/web/javascript/reference/statements/while/index.html +++ /dev/null @@ -1,99 +0,0 @@ ---- -title: while -slug: Web/JavaScript/Reference/Statements/while -tags: - - JavaScript - - Reference - - Statement -translation_of: Web/JavaScript/Reference/Statements/while -original_slug: Web/JavaScript/Reference/Instructions/while ---- -<div>{{jsSidebar("Statements")}}</div> - -<p>L'instruction <code><strong>while</strong></code> permet de créer une boucle qui s'exécute tant qu'une condition de test est vérifiée. La condition est évaluée avant d'exécuter l'instruction contenue dans la boucle.</p> - -<div>{{EmbedInteractiveExample("pages/js/statement-while.html")}}</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">while (<var>condition</var>) instruction</pre> - -<dl> - <dt><code>condition</code></dt> - <dd>Une expression qui est évaluée avant chaque passage dans la boucle. Si cette expression est évaluée à vrai, <code>instruction</code> est exécutée. Lorsque la condition n'est pas vérifiée, l'exécution se poursuit avec l'instruction qui suit la boucle <code>while</code>.</dd> - <dt><code>instruction</code></dt> - <dd>Une instruction optionnelle qui doit être exécutée tant que la condition d'entrée est vérifiée. Afin d'exécuter plusieurs instructions au sein de la boucle, on utilisera généralement un {{jsxref("Instructions/bloc","bloc d'instructions","",1)}} (<code>{ ... }</code>) pour les regrouper.<br> - Note : on pourra utiliser l'instruction <code><a href="/fr/docs/Web/JavaScript/Reference/Instructions/break">break</a></code> afin d'arrêter une boucle avant que la condition soit vérifiée.</dd> -</dl> - -<h2 id="Exemples">Exemples</h2> - -<p>La boucle <code>while</code> qui suit s'exécute tant que <code>n</code> est strictement inférieur à 3.</p> - -<pre class="brush:js">var n = 0; -var x = 0; - -while (n < 3) { - n++; - x += n; -}</pre> - -<p>À chaque itération, la boucle incrémente la valeur de <code>n</code> et l'ajoute à <code>x</code>. Ainsi, <code>x</code> et <code>n</code> prennent les valeurs suivantes :</p> - -<ul> - <li>Après la première itération : <code>n</code> = 1 et <code>x</code> = 1</li> - <li>Après la deuxième itération : <code>n</code> = 2 et <code>x</code> = 3</li> - <li>Après la troisième itération : <code>n</code> = 3 et <code>x</code> = 6</li> -</ul> - -<p>Une fois que la troisième itération est exécutée, la condition <code>n</code> < 3 n'est plus vérifiée et donc la boucle se termine.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#sec-while-statement', 'while statement')}}</td> - <td>{{Spec2('ESDraft')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-while-statement', 'while statement')}}</td> - <td>{{Spec2('ES6')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-12.6.2', 'while statement')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('ES3', '#sec-12.6.2', 'while statement')}}</td> - <td>{{Spec2('ES3')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('ES1', '#sec-12.6.1', 'while statement')}}</td> - <td>{{Spec2('ES1')}}</td> - <td>Définition initiale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("javascript.statements.while")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Instructions/do...while","do...while")}}</li> - <li>{{jsxref("Instructions/for", "for")}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/statements/while/index.md b/files/fr/web/javascript/reference/statements/while/index.md new file mode 100644 index 0000000000..1dd4b2a94d --- /dev/null +++ b/files/fr/web/javascript/reference/statements/while/index.md @@ -0,0 +1,66 @@ +--- +title: while +slug: Web/JavaScript/Reference/Statements/while +tags: + - JavaScript + - Reference + - Statement +translation_of: Web/JavaScript/Reference/Statements/while +original_slug: Web/JavaScript/Reference/Instructions/while +--- +{{jsSidebar("Statements")}} + +L'instruction **`while`** permet de créer une boucle qui s'exécute tant qu'une condition de test est vérifiée. La condition est évaluée avant d'exécuter l'instruction contenue dans la boucle. + +{{EmbedInteractiveExample("pages/js/statement-while.html")}} + +## Syntaxe + + while (condition) instruction + +- `condition` + - : Une expression qui est évaluée avant chaque passage dans la boucle. Si cette expression est évaluée à vrai, `instruction` est exécutée. Lorsque la condition n'est pas vérifiée, l'exécution se poursuit avec l'instruction qui suit la boucle `while`. +- `instruction` + - : Une instruction optionnelle qui doit être exécutée tant que la condition d'entrée est vérifiée. Afin d'exécuter plusieurs instructions au sein de la boucle, on utilisera généralement un {{jsxref("Instructions/bloc","bloc d'instructions","",1)}} (`{ ... }`) pour les regrouper. + Note : on pourra utiliser l'instruction [`break`](/fr/docs/Web/JavaScript/Reference/Instructions/break) afin d'arrêter une boucle avant que la condition soit vérifiée. + +## Exemples + +La boucle `while` qui suit s'exécute tant que `n` est strictement inférieur à 3. + +```js +var n = 0; +var x = 0; + +while (n < 3) { + n++; + x += n; +} +``` + +À chaque itération, la boucle incrémente la valeur de `n` et l'ajoute à `x`. Ainsi, `x` et `n` prennent les valeurs suivantes : + +- Après la première itération : `n` = 1 et `x` = 1 +- Après la deuxième itération : `n` = 2 et `x` = 3 +- Après la troisième itération : `n` = 3 et `x` = 6 + +Une fois que la troisième itération est exécutée, la condition `n` < 3 n'est plus vérifiée et donc la boucle se termine. + +## Spécifications + +| Spécification | Statut | Commentaires | +| ---------------------------------------------------------------------------------------- | ---------------------------- | ------------------- | +| {{SpecName('ESDraft', '#sec-while-statement', 'while statement')}} | {{Spec2('ESDraft')}} | | +| {{SpecName('ES6', '#sec-while-statement', 'while statement')}} | {{Spec2('ES6')}} | | +| {{SpecName('ES5.1', '#sec-12.6.2', 'while statement')}} | {{Spec2('ES5.1')}} | | +| {{SpecName('ES3', '#sec-12.6.2', 'while statement')}} | {{Spec2('ES3')}} | | +| {{SpecName('ES1', '#sec-12.6.1', 'while statement')}} | {{Spec2('ES1')}} | Définition initiale | + +## Compatibilité des navigateurs + +{{Compat("javascript.statements.while")}} + +## Voir aussi + +- {{jsxref("Instructions/do...while","do...while")}} +- {{jsxref("Instructions/for", "for")}} |
