Javascript Eğitimi Ders 6-if,Else,Else İf ve Merdivenler

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijae9Q1k8gYP8_TEBZbBoBZhjOgKFQi7aDxLIOEE0_OmMSFdfVrXTjyBMJ0MZOuiVXvJOrDgYGbmgrhltw6zu4uxa7xycbtWfjnQ8Pbj-qoiol289A1nKihYcmX8axpgY_8GcQiQUhPHHF/s1600/JavaScript-logo.png" width="200" /></a></div> Bir şart olşuturma ve boolean ile şart doğru ise değişkene true, yanlış ise değişkene false değerini vermedir. Şimdi incelemeye başlayalım.<br /> <h3> if</h3> <div> Söz dizimine bakalım:</div> <div> <br /></div> <div> if (şart) {</div> <div> //şart true değerini verirse yani doğru ise çalışacak kod grubu</div> <div> }</div> <div> <br /></div> <div> Bu komut sadece şart doğru ise çalışır. DOğru değil ise hiçbir şey yapılmaz. (Yani true değeri vermelidir) Örneğin:</div> <div> <br /></div> <div> var a = 12;</div> <div> if (a>9 && a<100) {</div> <div> console.log("a 2 basamaklı");</div> <div> }</div> <div> <br /></div> <div> Bu örnekte ">" operatörü yani büyüktür ve "<" operatörü yani küçüktür ile a (12) 9'dan büyük ve 10'den küçükse "a 2 basamaklı" yazısının yazılması istenilmiştir. Dolayısıyla yazar.</div> <div> <br /></div> <div> Not:"consolo.log" kafanızı karıştırmasın. Kullandıkça öğrenirsiniz. Ne diye yine sorarsanız şimdilik bir şeylerr yazmak olarak anlayın.</div> <div> <br /></div> <h3> if...Else</h3> <div> if'i sadece true değeri alınırsa kullanıyorduk. Peki false değeri için ne kullanacağız. Tam bu kısımda else anahtarı devreye giriyor. Söz dizimini inceleyelim:</div> <div> <br /></div> <div> <div> if (şart) {</div> <div> //şart true değerini verirse yani doğru ise çalışacak kod grubu</div> <div> }else{</div> </div> <div> //şart false değerini verirse yani yanlış ise çalışacak kod grubu</div> <div> }</div> <div> <br /></div> <div> Bu yapıda true değeri verilirse if kapsamındaki kodlar, false değerini verirse else kapsamındaki kodlar çalışacaktır. Örneğin:</div> <div> <br /></div> <div> <div> var a = 7;</div> <div> if (a%2==0) {</div> <div> console.log("a çift sayı");</div> <div> }else{</div> </div> <div> console.log("a tek sayı");</div> <div> }</div> <div> <br /></div> <div> Bu durumda ekrana "a tek sayı" yazılır. Çünkü burada a'nın 2'ye bölümünden kalanın 0 olup olmadığı kontrol ediliyor. Kalan 0 olmadığından false değeri üretilip else kapsamındaki kodlar çalışır.</div> <h3> if...Else if</h3> <div> Söz dizimini inceleyelim:</div> <div> <br /></div> <div> <div> <div> if (şart1) {</div> <div> //şart1 true değerini üretirse çalışacak kod grubu</div> <div> }else if (şart2){</div> </div> <div> //şart1 false değerini, şart2 true değerini üretirse çalışacak kod grubu</div> <div> }</div> </div> <div> <br /></div> <div> Else if yapısı ondan önce gelen if veya else if false değerini üretirse çalışır. Burada şart1 doğru ise if kapsamındaki kodlar çalışıp else if kapsamındaki kodlar es geçilir. Eğer şart1 false değerini üretirse else if'e bakılır ve true değerin üretirse else if kapsamındaki kodlar çalışır, aksi takdirde false değerini üretirse yine es geçilir. Ve bu durumda hiç bir kod çalışmaz. Örneğe bakalım:</div> <div> <br /></div> <div> <div> <div> var a = 5;</div> <div> if (a<0) {</div> <div> console.log("a sayısı negatif");</div> <div> }else if (a>0){</div> </div> <div> console.log("a sayısı pozitif");</div> <div> }</div> </div> <div> <br /></div> <div> Burada ekrana "a sayısı pozitif" yazar. Çünkü burada pozitif ve negatiflik test için 0'dan büyük veya küçük olduğu test edilmiş. Dolayısıyla ilk olarak "a<0" şartı ile false değeri üretilmiş ve else if yapısına bakılmış. Daha sonra "a>0" ile true değeri üretilip "a sayısı pozitif" yazılmış.</div> <div> <br /></div> <div> <b>Not: Burada "console.log kullandıktan sonra ekrana yazar dememiz asında yanlış. Bilgisayar bunu aklıda kaydeder. Yani ekrana yazmaz. Bunları görmek için Firefox'un firebug uzantısını kullanabilirsiniz.</b></div> <div> <b><br /></b></div> <h3> if...Else if...Else Merdiveni</h3> <div> Soz Dizimi:</div> <div> <br /></div> <div> <div> <div> if (şart1) {</div> <div> //şart1 true değerini üretirse çalışacak kod grubu</div> <div> }else if (şart2){</div> </div> <div> //şart1 false değerini, şart2 true değerini üretirse çalışacak kod grubu</div> <div> }else if (şart3){</div> <div> //şart1 ve şart2 false değerini, şart3 true değerini üretirse çalışacak kod grubu</div> </div> <div> }else{</div> <div> //şart3 false değerini üretirse çalışacak kod grubu</div> <div> }</div> <div> <br /></div> <div> Bu yapıda if'den sonra istenilen kadar else if getirilebilir. Fakat else sonda olmak şartıyla bir kere getirilir. Else if veya else'nin çalışması için ondan önce gelen else if veya if'in false değerini üretmesi gerekir. Örneği inceleyelim:</div> <div> <br /></div> <div> <div> <div> <div> var sayi = prompt ("Pozitif bir sayı giriniz:");</div> <div> if (sayi<=0 && sayi<10) {</div> <div> console.log("a sayısı tek basamaklı");</div> <div> }else if (sayi<=10 && sayi<100) {</div> </div> <div> console.log("a sayısı çift basamaklı");</div> </div> <div> <div> }else if (sayi<=100 && sayi<1000) {</div> <div> console.log("a sayısı 3 basamaklı");</div> </div> <div> }else{</div> <div> console.log("a sayısının basamak sayısı 3'ten büyük");</div> <div> }</div> </div> <div> <br /></div> <div> Yukarıdaki prompt() bir değişkene sayı atanmsı için ziyaretçiye bir kutu sunmaktadır. Ve bu yapıda sayının kaç basamaklı olduğunu bize bildirmektedir.</div> <h3> Kümeli if</h3> <div> Söz Dizimi:</div> <div> <br /></div> <div> <div> if (şart1) {</div> <div> //şart1 true değerini verirse yani doğru ise çalışacak kod grubu</div> <div>      if (şart) {</div> <div>      //şart1 true değerini verip şart2 de true değeri üretirse çalışacak kod grubu</div> <div> }</div> <div> }</div> </div> <div> <br /></div> <div> Bu yapı sayesinde şart cevabını da şartlayabilirsiniz. Örneğin:</div> <div> <br /></div> <div> var a = 4;</div> <div> <div> if (a>2) {</div> <div> console.log("a 2'den büyük");Bu yöntem uzun if, else, else if yapılarından bizi kurtarır</div> <div>      if (a>3) {</div> <div>      console.log("a 3'den de büyük");</div> <div> }</div> <div> }</div> </div> <h3> Switch</h3> <div> Bu yöntem uzun if, else, else if yapılarından bizi kurtarır. Söz dizimi:</div> <div> <br /></div> <div> switch(deyim) {</div> <div> case deger1:</div> <div> //deyim=deger1 ise çalışacak kod grubu</div> <div> break;</div> <div> <div> case deger2:</div> <div> //deyim=deger2 ise çalışacak kod grubu</div> <div> break;</div> </div> <div> default:</div> <div> /Yukarıdaki şartlar doğru değil ise çalışacak kod grubu</div> <div> }</div> <div> <br /></div> <div> Burada sıra sıra deyime eşit (==) bir değer aranıp çalışacak kodlar belirtilmektedir. Ve çıkış için "break" kullanılmaktadır. Yeni bir case için break kesin kullanmalıyız. "default" ise yukarıdaki case kodları çalışmazsa, yanlış ise çalışacak kod grubudur.</div> <div> <br /></div> <div> Bu derslik bukadar ve bayağı yol aldık. Bir sonraki derste döngüleri göreceğiz. Zor bir ders olacak. Kolay gelsin.</div> <div> <br /></div>

Javascript Eğitimi Ders 6-if,Else,Else İf ve Merdivenler

Bir şart olşuturma ve boolean ile şart doğru ise değişkene true, yanlış ise değişkene false değerini vermedir. Şimdi incelemeye başlayalım...

Devamı »