---
title: do...while
slug: Web/JavaScript/Reference/Statements/do...while
translation_of: Web/JavaScript/Reference/Statements/do...while
---
<div>{{jsSidebar("Statements")}}</div>

<p>Выражение <strong><code>do...while</code></strong> создаёт цикл, который выполняет указанное выражение до тех пор, пока условие не станет ложным. Условие проверяется после выполнения выражения, то есть выражение выполнится как минимум один раз.</p>

<p>{{EmbedInteractiveExample("pages/js/statement-dowhile.html")}}</p>

<h2 id="Синтаксис">Синтаксис</h2>

<pre class="syntaxbox">do
   <em>выражение</em>
while (<em>условие</em>);
</pre>

<dl>
 <dt><code>выражение</code></dt>
 <dd>Выражение, которое выполняется как минимум один раз и выполняется на каждом шаге цикла, пока условие истинно. Выражение может содержать несколько строк, для этого необходимо сгруппировать код в {{jsxref("Statements/block", "блок")}} (<code>{ ... }</code>).</dd>
</dl>

<dl>
 <dt><code>условие</code></dt>
 <dd>Выражение, которое вычисляется после каждого шага цикла. Если <code>условие</code> истинно, то <code>выражение</code> выполняется ещё раз. Когда <code>условие</code> ложно, выполняется выражение, следующее после <code>do...while</code>.</dd>
</dl>

<h2 id="Примеры">Примеры</h2>

<h3 id="Использование_do...while">Использование <code>do...while</code></h3>

<p>В примере, цикл <code>do...while</code> выполняется до тех пор, пока <code>i</code> не перестанет быть меньше 5.</p>

<h3 id="HTML">HTML</h3>

<pre class="brush: html">&lt;div id="example"&gt;&lt;/div&gt;</pre>

<h3 id="JavaScript">JavaScript</h3>

<pre class="brush: js">var result = '';
var i = 0;
do {
   i += 1;
   result += i + ' ';
} while (i &gt; 0 &amp;&amp; i &lt; 5); // Немотря на то, что i == 0, цикл всё равно продолжится, так как начинается без теста
document.getElementById('example').innerHTML = result;</pre>

<h3 id="Результат">Результат</h3>

<p>{{ EmbedLiveSample('Примеры') }}</p>

<h2 id="Спецификации">Спецификации</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Спецификация</th>
   <th scope="col">Статус</th>
   <th scope="col">Комментарий</th>
  </tr>
  <tr>
   <td>{{SpecName('ES3')}}</td>
   <td>{{Spec2('ES3')}}</td>
   <td>Изначальное определение. Реализовано в JavaScript 1.2</td>
  </tr>
  <tr>
   <td>{{SpecName('ES5.1', '#sec-12.6.1', 'do-while statement')}}</td>
   <td>{{Spec2('ES5.1')}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName('ES6', '#sec-do-while-statement', 'do-while statement')}}</td>
   <td>{{Spec2('ES6')}}</td>
   <td>Использование ; теперь необязательно</td>
  </tr>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-do-while-statement', 'do-while statement')}}</td>
   <td>{{Spec2('ESDraft')}}</td>
   <td></td>
  </tr>
 </tbody>
</table>

<h2 id="Поддержка_в_браузерах">Поддержка в браузерах</h2>

<p>{{Compat("javascript.statements.do_while")}}</p>

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li>{{jsxref("Statements/while", "while")}}</li>
 <li>{{jsxref("Statements/for", "for")}}</li>
</ul>