JavaScript: Koşullar ve Döngüler

Eğitim, Javascript Dersleri

JavaScript Koşullar

Koşullar yazılımlarımızda birer karar merciisidir. Şarta bağlı bir komutu yerine getirmek istiyorsak koşul ifadelerini kullanmak zorundayız. Ayrıca koşul ifadeleri boolean tipi veriler üzerinden çalışır kısaca ifadelerin hepsi ya doğrudur ya da yanlıştır.

JavaScript Koşullar – IF / ELSE IF / ELSE ifadesi

IF: Belirtilen koşul doğruysa, yürütülecek kod bloğunu belirtmek için kullanılır.

if(kosul){

//koşul doğruysa yürütülecek kod bloğu

}

ELSE: Tüm koşullar yanlışsa, yürütülecek kod bloğunu belirtmek için kullanılır.

if(kosul){

//koşul doğruysa yürütülecek kod bloğu

}else{

//üstteki koşul yanlışsa yürütülecek kod bloğu

}

ELSE IF: Bir koşul yanlışsa, test etmek için yeni bir koşul belirtmek için kullanılır.

if (kosul1){

//koşul doğruysa yürütülecek kod bloğu

}else if(kosul2){

//kosul1 yanlış ve kosu2 dogruysa yürütülecek kod bloğu

}else{

//her iki kosul yanlışsa yürütülecek kod bloğu

}

Örnek:

<html>

<body>

<p>Zaman Duyarli Selamlama:</p>

var time = new Date().getHours();

var mesaj;

if(mesaj < 10){ //Saat 10'dan küçükse

mesaj = "Günaydın";

}else if(time < 20){//Saat 10'dan büyük ve 20'den küçükse

mesaj = "Merhaba";

}else{//Hiçbir koşul gerçekleşmediyse

mesaj = "İyi Akşamlar";

}

document.getElementById("zaman").innerHTML = mesaj;

</script>

</body>

</html>

JavaScript Koşullar – SWITCH ifadesi

Switch çalışma mantığı:

İfadenin değeri büyük/küçük harf duyarlıdır.
Eşleşen ilk anahtar ifadenin bulunduğu kod bloğu yürütülür.
Bir eşleşme varsa, ilişkili kod bloğu yürütülür.
Eşleşme yoksa, varsayılan(default) kod bloğu yürütülür.

<html>

<body>

<h2>JavaScript switch</h2>

let text;

switch (new Date().getDay()) {

case 4:

case 5:

text = "Haftasonu Çok Yakın";

break;

case 0:

case 6:

text = "Haftasonu";

break;

default:

text = "Haftasonunu dört gözle bekliyorum ";

}

document.getElementById("hafta").innerHTML = text;

</script>

</body>

</html>

JavaScript Döngüler

Döngüler, her yazılım dilinde olduğu gibi; aynı kodu her seferinde farklı bir değerle tekrar tekrar çalıştırmak istiyorsak en kullanışlı enstrümandır.

JavaScript FOR Döngüsü

En çok kullanılan döngülerden birtanesidir. Verilen değerlerler ile koşullar tamamlanıncaya kadar çalışırlar.

Örnek: Ekrana 1'den 100'e kadar alt alta sayı yazdıralım.

<html>

<body>

<h2>JavaScript For</h2>

let sayi = "";

for (let i = 1; i < 101; i++) {

sayi += i + "<br>";

}

document.getElementById("sayilar").innerHTML = sayi;

</script>

</body>

</html>

JavaScript WHILE Döngüsü

For döngüsüyle sözdizimi farklıdır ancak aynı mantıkta çalışmaktadır. Değişken döngüden önce tanımlı olarak gelir ve belirtilen koşul doğru olduğu sürece kod bloğu boyunca döngüye tekrar girer.

Örnek: for döngüsünde olduğu gibi Ekrana 1'den 100'e kadar alt alta sayı yazdıralım.

<html>

<body>

<h2>JavaScript While</h2>

var sayi="";

var i = 1;

while (i < 101){

sayi += i + "<br>";

i++;

}

document.getElementById("sayilar").innerHTML = sayi;

</script>

</body>

</html>

JavaScript DO WHILE Döngüsü

While döngüsüyle tüm işlemleri aynıdır aralarındaki tek fark koşul sonucu ne olursa olsun(doğru yada yanlış); döngü en az bir kere çalışır. Döngü Do bloğuna yazılır ve koşul da while bloğunda yer alır.

Örnek: Hiç bir zaman gerçekleşmeyecek bir while döngüsü başlatalım ve do while sonucunu gözlemleyelim.

<html>

<body>

<h2>JavaScript Do While</h2>

let sayi = ""

let i = 1;

do{

sayi += i + "<br>";

i++;

}

while(i < 0);

document.getElementById("sayilar").innerHTML = sayi;

</script>

</body>

</html>

JavaScript BREAK

Adından da anlaşılacağı gibi döngüleri tabiri caizse bıçak gibi kesip atar ve döngüyü sonlandırır.

Örnek: Daha önce for döngüsünde vermiş olduğumuz örneği ele alarak 27 sayısından sonra döngüyü durduralım;

<html>

<body>

<h2>JavaScript Break</h2>

let sayi = "";

for (let i = 1; i < 101; i++) {

sayi += i + "<br>";

if (i === 27) { break; }

}

document.getElementById("sayilar").innerHTML = sayi;

</script>

</body>

</html>

JavaScript TRY CATCH

Programcı tarafından yapılan kodlama hataları, yanlış girdi nedeniyle oluşan hatalar ve öngörülemeyen bir çok hata meydana gelebilir.

Örnek: Programımızda uyarı vermek için alert yerine yanlışlıkla redalert ve programımızda bir aksaklığa sebep oldu. Bu yazım hatasını nerede yaptığımızı öğrenmek için binlerce belki de on binlerce satır kod arasında tek tek dikkatlice bakmamız gerekirdi. Bunun önüne geçmek için aşağıdaki kod satırını kullanmalıyız.

<html>

<body>

<h2>JavaScript Hataları</h2>

<p>Bakalım <b>catch</b> bizim için hangi hatayı gösterecek.</p>

try {

redalert("Kod Çalıştı");

}

catch(err) {

document.getElementById("demo").innerHTML = err.message;

}

</script>

</body>

</html>

break, Do While Döngüsü, For Döngüsü, Javascript hata, Switch Case, Try Catch, While Döngüsü

16 Mart 2022

Diğer Yazılarımız

Tüm Yazılarımız

İçerik Pazarlamada Hedef Kitle Analizi Nasıl Yapılır?

İçerik pazarlama stratejisinin temeli, doğru hedef kitleye ulaşmaktır. Ancak, bu…

Çevrimiçi Pazarlamada Yol Haritası

Bir ülkeye tatile çıkmayı planladığınızı düşünün. Elinizde bir harita ya…

PHP: Sözdizimi Yapısı

Asıl olarak bir dilbilim terimi olan sözdizimi (syntax) kelimesi, programlama…

Sunucu Güvenliğinde DDoS Saldırılarına Karşı Korunma Teknikleri

DDoS (Distributed Denial of Service) saldırıları, modern dijital dünyada ciddi…

Soru işareti kalmasın

Bu yazı hakkında aklınıza takılanlar, bir fikriniz belkide şikayetiniz vardır. Yada yazımızda hatalar olduğunu düşünüyor olabilirsiniz. Peki neden bize ulaşmayı düşünmeyesiniz ki?

İletişime geç

Hizmetlerimiz

Binlerce müşterimizin yararlandığı 100'e yakın hizmetlerimizden sizlerde yararlanabilirsiniz. Onlarca ücretsiz web hizmeti ve profesyonel destekle sizleri daima daha ileriye taşımayı hedefliyoruz.

Hizmetlerimiz

Tüm Yenilik ve Kampanyalardan Haberdar Ol

Önceki Yazımız

Tüm Yazılarımız

Sonraki Yazımız

No Comments

JavaScript: Koşullar ve Döngüler