Anasayfa / Genel / Javascript Döngü Yapıları

Javascript Döngü Yapıları

Javascript Döngüler

Bir önceki konumuz olan karar yapılarında bir işlem sadece bir defa yapılabiliyordu.Çünkü adı üstünde karar yapısı bir seçim hakkı var ve bir defa gerçekleşen bir olaydı.Peki bir işlemi birden fazla defa yaptırmak için ne yapmamız lazım? Bunun için döngü yapılarından yararlanacağız.Peki en basit bir örnek vermek gerekirse ekrana 1’den yüze kadar yazdırmak istediğimizde bunun için 100 satır kod yazmamız gerekir.Bu hem çok zor hemde verimsiz bir yöntemdir.Dosya boyutunu arttıracağı gibi programın yavaşlamasına da neden olacaktır.

Javascriptte 4 farklı döngü bulunmaktadır.Bunlar;

  • for
  • for in
  • while
  • do while

Biz yukarıdakilerden “for in” döngüsünü özellikle diziler konusunda göreceğiz.

1-For Döngüsü:

Söz dizimi ile başlayalım…
for ( A ; B ; C )
{ D; } 

Yukarıyı anlatalım şimdi öncelikle 3 parametre alır for döngüsü ilki  yani dediğimiz yere başlangıç değeri yazılır mesela 1’den 100’e kadar olan sayı mı listelenecek oraya başlangıç değeri olarak x=1 ya da istediğiniz bir değişken adını kullanarak başlangıç değeri vermeniz gerekir.

dediğimiz yere ise koşul yazılır yukarıdaki örnekten gidecek olursak 1’den başlattık ve bu kaç olana kadar devam etsin böyle şeklinde soru soran program burda cevabını alır.Mesela x<=100 gibi…

dediğimiz yere ise artış miktarı yazılır bir anlamda kaç defa ve nasıl döneceğinin belirlendiği yerdir.Yukarıya devam ettiğimizde mesela buraya her defasında bir bir artması için x++ yada x=x+1 yazılabilir.
dediğimiz yer zaten tüm işlerimizi yapılmasını istediğimiz kodlar yazılır.Mesela her dönmesinde x’i yazdırmak istiyorsak kodumuz document.write(x);dersek yan yana 100’e kadar yazdıracaktır.
Bir örnek uygulama ile anlatımımızı for için bitirelim.Uygulamamız for ile çarpım tablosu yapmak üzerine olacaktır.3’ler dahil olmak üzere bir çarpım tablosunu oluşturalım.
var s1;
var s2=1;
for(s1=1;s1<11;s1++)
{document.write(s2+"*"+s1+"="+(s2*s1)+"<br>");}
document.write("------------------------------------"+"<br>");
s2=2;
for(s1=1;s1<11;s1++)
{document.write(s2+"*"+s1+"="+(s2*s1)+"<br>");}
document.write("------------------------------------"+"<br>");
s2=3;
for(s1=1;s1<11;s1++)
{document.write(s2+"*"+s1+"="+(s2*s1)+"<br>");}

2-While Döngüsü:

Söz dizimi ile başlayalım…

WHILE ( KOŞUL )

{ KODLAR....; }

Yukarıda ki söz dizimine göre while döngüsünü açıklayalım.Öncelikle while döngüsü KOŞUL sağlandığı sürece süslü parantez içindeki kodları çalıştırır.Bazı durumlarda While döngüsü koşulu hiç sağlamadığı için kodlar hiç çalıştırılmayadabilir.

Örnek bir uygulama ile konumuzu pekiştirelim.Mesela kullanıcıdan bir sayı girmesini isteyelim ve yazacağımız kodlarla kullanıcının girdiği sayıya kadar toplama işlemini gerçekleştirelim.Örnek olarak dışarıdan kullanıcı 3 girdiğinde bunun çıktısını bize 3+2+1=olarak versin kodları aşağıdaki gibi olacaktır.

var sayi,i=0,topla=0;
sayi=prompt("Sayı","Bir sayı giriniz");
while(i<=sayi)
{topla=topla+i;
i++;
}
document.write("Toplam=",topla); 

3- Do While Döngüsü:

Söz dizimi ile başlayalım…

DO { İŞLEMLER; }

WHILE ( KOŞUL )

Yapısını anlatacak olursak önce işi yapar sonra koşula bakar.DO -> Yapmak WHILE -> iken anlamına geldiğine göre YAP İşlemi KOŞUL Doğru İken manası da çıkarılabilir.Peki While döngüsü ile arasında ki fark nedir?Çok basit bir fark var aslında kodlama da kodlar yukarıdan aşağıya doğru çalıştığı için DO geldiği anda kod bloğunun içindeki işlemler çalışmaktadır.Yani do while’da koşul sağlamasa dahi en az bir kere kod bloğu çalışır.Fakat while’da durum böyle değildir.Koşul sağlamıyorsa hiç çalışmayadabilir.

Şimdi basit bir örnek uygulama ile derse son verelim.Ekrana 10 defa “Merhaba Dünya” yazan scripti do-while döngüsü ile yazalım.

var i=0;
do{document.write("Merhaba Dünya"+"<br>");i++;
}
while(i<=9)

Yukarıda da görüldüğü üzere i=0’dan başlayıp 9 dahil aldığından 10 defa do içerisindeki çalışacağından 10 defa “Merhaba Dünya” yazacaktır.Eğer koşul sağlamasa bile 1 defa “Merhaba Dünya” yazısını görecektik.Peki işlemler içindeki i++ yapmasaydık ne olurdu.İşte o zaman koşul her zaman sağlanacağından “Sonsuz Döngü” oluşacak ve sonsuz defa “Merhaba Dünya” yazmaya çalışacak ve program donacaktır.

 

 

Hakkında sas7979

Birde Bunu Kontrol et

Javascript Değişkenler,Değişken İşlemleri

Değişkenler ve Değişken İşlemleri Öncelikle programın her yerinde farklı bir değer alabilen yapılara değişken denir.Daha …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir