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

<p><strong>while ifadesi</strong> tanımlanan koşul gerçekleştiği sürece belirtilen kodu çalıştırmaya devam eden  bir döngü oluşturur. Önce şart kontrol edilir, eğer şart sağlanıyorsa kod çalıştırılır.</p>

<div>{{EmbedInteractiveExample("pages/js/statement-while.html")}}</div>



<h2 id="Sözdizimi_Syntax">Sözdizimi (Syntax)</h2>

<pre class="syntaxbox notranslate">while (<var>condition</var>)
  <var>statement</var>
</pre>

<dl>
 <dt><code><var>condition</var></code></dt>
 <dd>Döngüdeki her bir tekrarlamadan önce kontrol edilen koşul. Eğer koşul sağlanıyorsa (true) <code>statement</code> çalıştırılır. Ancak koşul sağlanmıyorsa (false) <code>statement</code> çalıştırılmaz ve <code>while</code> döngüsünden sonra yazılan kod bloğu ile program çalışmaya devam eder.</dd>
 <dt><code><var>statement</var></code></dt>
 <dd>Koşul sağlandığında çalıştırılacak olan kod. Döngü içerisinde birden fazla kod satırı çalıştırmak için <a href="/en-US/docs/JavaScript/Reference/Statements/block">block</a> (<code>{ ... }</code>) ifade şeklini kullanabilirsiniz. </dd>
 <dd><br>
 Not: <code>break</code> ifadesini kullanarak döngüyü dilediğiniz zaman sonlandırabilirsiniz.</dd>
</dl>

<h2 id="Örnekler">Örnekler</h2>

<h3 id="while_kullanımı">while kullanımı</h3>

<p>Aşağıdaki örnekte bulunan (<code>n &lt; 3</code>) ifadesi while döngüsünün koşulu yani <code>condition</code> kısmıdır. Süslü parantezler içerisinde bulunan kısım ise çalıştırılacak olan kod bloğu yani <code>statement</code> kısmıdır. Dolayısıyla aşağıdaki <code>while</code> döngüsü, <code>n</code> değişkeninin değeri üçten küçük olduğu sürece çalışmaya devam eder.</p>

<pre class="brush:js notranslate">var n = 0;
var x = 0;

while (n &lt; 3) {
  n++;
  x += n;
}</pre>

<p>Her tekrarlamada, döngü <code>n</code> değişkeninin değerini bir arttırır. Ardından <code>n</code> değişkeninin değerini <code>x</code> değişkeninin değerine ekler. Dolayısıyla, <code>x</code> ve <code>n</code> değişkenleri aşağıdaki değerlere sahip olurlar:</p>

<ul>
 <li>İlk tekrardan sonra: <code>n</code> = 1 ve <code>x</code> = 1</li>
 <li>İkinci tekrardan sonra: <code>n</code> = 2 ve <code>x</code> = 3</li>
 <li>Üçüncü tekrardan sonra: <code>n</code> = 3 ve <code>x</code> = 6</li>
</ul>

<p>Üçüncü tekrardan sonra, <code>n</code> &lt; 3 koşulu artık sağlanmadığı için döngü sonlanır.</p>

<h2 id="Özellikler">Özellikler</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-while-statement', 'while statement')}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Tarayıcı_uyumluluğu">Tarayıcı uyumluluğu</h2>



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

<h2 id="Ayrıca_bakınız">Ayrıca bakınız</h2>

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