DÖNGÜ DENETİMİ

Javascriptin, bir işi belirli (veya kendi belirleyeceği) kez tekrar yapmasını isteyebilirsiniz. Bu tür tekrarlanan işleri Javascript’e bir kaç satırlık bir kodla yaptırtmak çoğu kez bizi sayfalar dolusu kod yazmaktan kurtarır.

for ( ilk değer ; son değer ; artış miktarı ) {

yapılacak işlemler

}

----------------------------------------------

for ( i=0 ; i<=10 ; i++) {

}

<pre>
<script language="javascript">
<!--

for ( i=0 ; i<=10 ; i++) {

document.writeln(i)

}

-->
</script>
</pre>

0
1
2
3
4
5
6
7
8
9
10

Burada i<=10 yerine i<10 yazılsaydı, i hiç bir zaman 10 olmayacaktı. i, 9 olduğunda writeln işlemi son kez yapılacak ve döngü bitecekti. Yani döngü i 10 dan küçük olduğu sürece çalışacaktı.

0
1
2
3
4
5
6
7
8
9

NOT : ilk değer büyük, son değer küçükte olabilir.Ancak bu kez artım miktarı eksi olmalıdır.

<pre>
<script language="javascript">
<!--

for ( i=10 ; i>=0 ; i--) {

document.write(i)

}

-->
</script>
</pre>

Burada i önce 10 olacak ve döngü, i değişkeni 0'dan büyük veya 0 olduğu sürece ( i>=0) devam edecektir. Artım miktarı i-- ise i değişkeninin her defasında1 azalacağı anlamına gelir. Ekran çıktısı aşağıdaki gibi olur. (write olduğundan sayılar yanyana dizilir.)

109876543210

<pre>
<script language="javascript">
<!--

for ( i=0 ; i<=10 ; i+=2) {

document.writeln(i)

}

-->
</script>
</pre>

0
2
4
6
8
10

FOR Döngüsü ile Tablo Oluşturma

Javascript ile "html etiketleride" yazdırılabilir.Ancak bu durumda ekranda doğrudan bu etiketler string şekilde görünmez.Sanki kod bölümüne yazılmış gibi durum bir oluşur.

<script language="javascript">
<!--

document.writeln("<h1>deneme</h1>")

-->
</script>

<script language="javascript">
<!--

document.writeln("<table border=\"1\"><tr><td>sütun1</td><td>sütun2</td></tr>")

-->
</script>

<SCRIPT LANGUAGE="Javascript">
<!--

document.writeln("<table border=\"1\">")

for (i=0 ; i<=100 ; i++) {

document.writeln("<tr><td>"+ i +"</td></tr>")

}

document.writeln("</table>")

-->
</SCRIPT>

<SCRIPT LANGUAGE="Javascript">
<!--

document.writeln("<table border=\"1\"><tr><td>SAYI</td><td>x10</td></tr>")

for (i=0 ; i<=100 ; i++) {
k=i*10

document.writeln("<tr><td>"+i+"</td><td>"+k+"</td></tr>")

}

document.writeln("</table>")

-->
</SCRIPT>

Javascript kodu yazarken öyle durumlar olabilir ki, programın sayaç değişkeninin her değeri için yapmasını istediğiniz işi yapmasındansa, sadece belirli bir şart karşılanıyorsa (karşılandığı sürece) yapmasını tercih edebilirsiniz. Bunu “while” (...iken) ifadesiyle sağlarız. Bu yöntemle Javascript’e “filanca işi yap, ama falanca şart varsa (veya yoksa)” demiş oluruz.

“while” ile kuracağınız döngünün şartı rolünü oynayacak değişkenin daha önceden oluşturulması, içeriğinin başka bir yöntemle belirlenmesi ve değiştirilmesi gerekir; “for” döngüsünün aksine “while” şartlı döngüsü bunu sizin için otomatik olarak yapmaz. Ayrıca koyulan şarta bağlı olarak, “while” döngüsü sırasında yapılmasını istediğiniz iş hiç yapılmayabilir.

Genel Yapısı:

while (şart)

{

uygulanacak kod;

}

<script type="text/javascript">

var i=0;

while (i<=10)

{

document.write(i)

i=i+1

}

</script>

<script type="text/javascript">

var i=10;

while (i>=0)

{

document.write(i)

i=i-1

}

</script>

While döngülerinde önce koşul kontrol edilir ve koşula göre işlem başlar. Do while döngüsünde ise kod şart kontrol edilmeden önce çalıştırılır. Sonra koşula göre durdurulur. Genel Yapısı:

do

{

yapıalacak işlemler

}

while (şart)

<script type="text/javascript">

var i=0;

do 

{

document.write(i);

i=i+1;

}

while(i<=10)

</script>

Şartlı döngülerde (while, do while) , tekrar eden iş, şartın yerine geldiği veya gelmediği noktada kendiliğinden kesilecektir. Aynı otomasyon (durum) “for” döngüsünde break (kes) ve continue (devam et) komutlarıyla sağlanabilir.

Javascript, Break ile karşılaştığı anda döngüyü keser ve icraata döngüden sonraki ilk ifadeden devam eder. Continue ise Javascript’in döngünün o andaki adımını durdurup, diğer adımdan balmasını sağlar.

Break

<pre>
<script language="javascript">
<!--

for ( i=0 ; i<=10 ; i++) {

document.write(i)
if (i==5) break

}

-->
</script>
</pre>

<pre>
<script language="javascript">
<!--

for ( i=0 ; i<=10 ; i++) {

if (i==5) break
document.write(i)

}

-->
</script>
</pre>

<pre>
<script language="javascript">
<!--

for ( i=0 ; i<=10 ; i++) {

if (i==5) continue
document.write(i)

}

-->
</script>
</pre>

<pre>
<script language="javascript">
<!--

for ( i=0 ; i<=10 ; i++) {

document.write(i)
if (i==5) continue

}

-->
</script>
</pre>

swtich (değişken)

{

case "durum1" :

yapılacaklar

break

case "durum2" :

yapılacaklar

break

case "durum3":

yapılacaklar

break

default:

yapılacaklar

break

}

<script language="javascript">
<!--

var a=0

switch (a)

{

case "0" :

document.write("sayı 0")

break

case "1" :

document.write( "sayı 1")

break

case "2":

document.write( "sayı 2")

break

default:

document.write("sayı bilinmiyor")

break

}

-->
</script>