4.DERS-JavaScript’te Koşullar ve Döngüler

KOŞULLAR

IF-ELSE Koşulu

Eğer bir şart doğru ise if kısmı çalışır.Eğer yanlış ise else kısmı çalışır.

Adobe Dreamweaver CS6 - [javascript.html] 22.04.2016 17_40_06.png

Bu örnekte 25  50 den küçük olduğu için if kısmı çalışacaktır.Bu yüzden çıktı aşağıdaki gibi olacaktır.

JavaScript - Google Chrome 22.04.2016 17_39_02.png

ELSE IF KOŞULU

Adobe Dreamweaver CS6 - [javascript.html] 22.04.2016 17_45_17

Örneğin bu uygulamada önce if kısmı çalışır ancak 100 sayısı 50 den küçük olmadığı için else if koşuluna bakar fakat tekrar 100 sayısı 50 ye eşit değildir bu sefer diğer else if koşuluna bakar ve koşul sağlandığı için çıktı aşağıdaki gibi olacaktır.JavaScript - Google Chrome 22.04.2016 17_48_40

SWITCH KOŞULU

Bu koşul else if koşuluna benzemektedir. Ancak uzun uzun yazmak yerine switch kullanmak daha kısa olacaktır.

Adobe Dreamweaver CS6 - [javascript.html] 22.04.2016 17_56_59.png

Bu örnekte kullanıcıdan haftanın gününü sayı karşılığında girmesi isteniyor. Daha sonra girdiği sayının hangi güne denk geldiğini sistem kullanıcıya yansıtıyor. Ve kullanım şekli yukarıdaki gibidir.

JavaScript - Google Chrome 22.04.2016 17_57_50

Burada kullanıcı 5 sayısını girdiği için switch koşulunda case “5” kısmı çalışacaktır ve bu yüzden ekrana aşağıdaki gibi bir pencere çıkacaktır.

JavaScript - Google Chrome 22.04.2016 17_57_55

Ancak aşağıdaki örnekte kullanıcı anlamsızca 🙂 8 sayısını girer halbuki haftanın 7 günü olduğunu bilmesi gerekirdi 🙂 fakat switch koşulunda uygun bir case olmadığı için varsayılan yani default kısmı çalışacaktır.

JavaScript - Google Chrome 22.04.2016 17_58_01

Ve çıktı aşağıdaki gibi olacaktır.

JavaScript - Google Chrome 22.04.2016 17_58_05

DÖNGÜLER

Döngüler programlamanın olmazsa olmazlarından biridir ve programları kısaltmamızda oldukça faydalıdır. Örneğin; 1’den 1000’e kadar olan sayıları tek tek  ekrana yazdırmak oldukça zahmetli ve uzun olacaktır. Fakat işte tam burada döngüler devreye giriyor. Şimdi aşağıdaki örnekte daha iyi anlayacağınızı düşünüyorum.

FOR DÖNGÜSÜ

Adobe Dreamweaver CS6 - [javascript.html] 22.04.2016 18_22_51.png

‘for(var i=1; i<=sayi1;i++)’  bu kısmın aslında anlamı döngü 1’den başlayıp kullanıcının girdiği sayıya kadar döngüyü birer birer artırarak döngüyü çalıştır demektir. Ve döngü her döndüğünde ekrana i’yi yazdırırız.

JavaScript - Google Chrome 22.04.2016 18_23_16.pngJavaScript - Google Chrome 22.04.2016 18_23_27

WHILE DÖNGÜSÜ

While döngüsü, for ile aynı işlemleri yapmaktadır. Sadece yazılış şekilleri farklıdır. Aşağıdaki örnek while’ın kullanımını açıkça belirtmektedir.

Adobe Dreamweaver CS6 - [javascript.html] 22.04.2016 18_35_11.png

Burada döngünün kaçtan başlayacağını değişkeni tanımlarken ilk başta belirtiyoruz ve döngünün nereye kadar döneceğini while’ın yanında belirtiyoruz. For’dan farklı olarak döngünün değerini artırma işlemini bütün işlemler yapıldıktan sonra yapıyoruz.

JavaScript - Google Chrome 22.04.2016 18_31_57.png

JavaScript - Google Chrome 22.04.2016 18_32_00

DO WHILE DÖNGÜSÜAdobe Dreamweaver CS6 - [javascript.html] 22.04.2016 18_47_23

Do while, diğer döngülerle mantık olarak aynı olsa bile bazı farklılıkları vardır. Mesela; while’dan farkı koşula döngünün sonunda bakmasıdır. Yani koşulum sağlamasa bile bu döngüyü en az bir defa çalıştırır.

JavaScript - Google Chrome 22.04.2016 18_53_49.png

JavaScript - Google Chrome 22.04.2016 18_51_43Örneğin; burada kullanıcı 4 sayısını girmektedir ancak do while döngüsü çalışırken döngü 5’ten başlıyor ve döngü bir defa çalışıp ekrana 5 yazdırıyor. Bundan sonra koşula bakıyor ve koşul sağlamadığı için döngüyü çalıştırmaya devam ettirmiyor.

 

Bu örnek ise döngünün koşulu sağladığı bir örnektir.

JavaScript - Google Chrome 22.04.2016 18_48_03JavaScript - Google Chrome 22.04.2016 18_48_05

 

 

Yorum bırakın