Javascript Döngüler (For, While, Do-While)

Bu dersimizde her dilde olduğu gibi Javascript dilinde de önemli bir yeri olan olan döngüler konusunu işleyeceğiz. Javascript’te 3 adet önemli döngü türü vardır. Bunlar for döngüsü, while döngüsü ve do while dönügüsüdür. Şimdi önce döngülerin ne olduğunu cevaplandıralım. Sonra bu döngüleri sırasıyla inceleyelim ve örnekler verelim.

Programlama Dillerinde Döngüler Nedir ?

Öncelikle döngüler ne işe yarar, Neden kullanırız ? gibi soruları cevaplandırsak çok daha iyi olacaktır.

Döngüler, bir kod parçasını belirlediğiniz koşullara göre belirli sayıda çalıştıran yapılardır. Aynı işi veya belirli bir döngü ile çalışması gereken bir işi çok kolay bir şekilde yapmamıza olanak sağlar. Örneğin ekrana 10 defa ‘Evrensel Kod‘ yazmanız gerekirse, bunu teker teker ekrana yazmak yerine döngü ile yazdırırsanız çok daha pratik ve hızlı olacaktır.

Javascript For Döngüsü

En çok kullan döngü for döngüsüdür. Hemen genel yapısını görelim.

for(değer-atama ; koşul ; arttırma-veya-azaltma){
     // çalıştırılacak kodlar
}

Değer atama : Burada değişkene bir değer atanır ve döngü bu değişken ile kontrol edilir.

Koşul : Döngü her çalıştığında kontrol değeri ile karşılaştırılır. Eğer kontrol değeri koşulu sağlamıyorsa döngü tekrar çalışır ve koşul sağlanana kadar bu devam eder. Koşul sağlandığı anda döngü sonlanır.

Arttırma veya Azaltma : Bu bölümde, döngü her çalıştığında kontrol değişkeni arttırılır veya azaltılır.

Javascript For Döngüsü Örneği

Soru : Ekrana 10 defa ‘Evrensel Kod’ yazdıran programın Javascript dilinde kodunu yazınız.

var i;
for(i=0 ; i<10 ; i++){
    document.write("Evrensel Kod" + "<br>");
}

Kodu biraz açıklayacak olursak;

Değer atama : i değişkenine 0 değerini atadık.

Koşul : i, 10’dan küçük olduğu sürece döngü çalışacak.

Arttırma veya azaltma : Döngü her çalıştığında i değişkenini 1 arttıracak.

Çıktısı :

Javascript While Döngüsü

Javascript dilinde kullanılan bir diğer döngü ise while döngüsüdür. For döngüsünde olduğu gibi, while döngüsünün genel yapısını görüp, teker teker açıklamalarımızı yapalım.

while(koşul){
    // çalıştırılacak kodlar
}

Koşul : Burada koşul kontrol edildiğinde, eğer koşul sağlanmıyorsa yani yanlış ise while içerisine girilir, fakat ifade doğru ise döngü başlamaz veya devam etmez. Şimdi örnekler ile konuyu pekiştirelim.

Javascript While Döngüsü Örnek Soru

Soru : Ekrana 10 defa ‘Evrensel Kod’ yazdıran programın Javascript dilinde kodunu yazınız.

var i = 0;
while(i<10){
    document.write("Evrensel Kod" + "<br>");
    i++;
}

Dikkat edecek olursanız for döngüsü ile aynı işlemi yaptık fakat while döngüsünde değer atama işlemleri döngü başlamadan, azaltma-arttırma işlemleri döngü içerisinde yaptık.

Çıktısı :

Javascript Do-While Döngüsü

Son döngümüz olan do while döngüsü, while döngüsü ile benzerlikler gösterse de, yapısal ve mantıksal olarak küçük farklılıkları vardır. Genel yapısını görelim.

do{
    // çalıştırılacak kodlar
}while(koşul);

Do while döngüsünün mantığını anlatmakta fayda var. Program, diğer döngülerden farklı olarak bir koşula bağlı olmadan direk döngüyü başlatır. Döngü içerisinde kalan kodlar çalıştırılır. Son olarak koşula bakılır. Koşul yanlış ise döngü biter, doğru ise döngü tekrar çalışır. Şimdi bir örnek ile pekiştirelim.

Javascript Do-While Döngüsü Örnek Soru

Soru : Ekrana 10 defa ‘Evrensel Kod’ yazdıran programın Javascript dilinde kodunu yazınız.

var i = 0;
do{
    document.write("Evrensel Kod" + "<br>");
    i++;
}
while(i<10)

Çıktısı :

---

Bu yazımızda Javascript döngüler konusunu işledik. For döngüsü, while döngüsü ve do-while döngüsü konularını açıkladık. Diğer Javascript dersleri yazılarımızı da okumak isterseniz buradan tümüne ulaşabilirsiniz.