JavaScript'te Koşullu Dallanma

Bu makale JavaScript'teki koşullu dallanmayı açıklar.

YouTube Video

JavaScript'teki if ifadesi

Temel Sözdizimi

1if (condition) {
2    // Code that executes if the condition is true
3}

if ifadesi JavaScript'te, belirli bir koşulun doğru veya yanlış olmasına bağlı olarak kodun çalışmasını kontrol etmek için kullanılan temel bir kontrol yapısıdır. Eğer koşul doğruysa kod bloğu çalıştırılır, yanlışsa atlanır.

Örnek

1let x = 10;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5}

Bu örnekte, x değeri 5'ten büyük olduğu için, x 5'ten büyüktür konsolda görüntülenir.

else İfadesi

Temel Sözdizimi

1if (condition) {
2    // Code that executes if the condition is true
3} else {
4    // Code that executes if the condition is false
5}

Bir if ifadesinin ardından bir else ifadesi kullanarak, koşul yanlış olduğunda çalıştırılacak kodu belirtebilirsiniz.

Örnek

1let x = 3;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5} else {
6    console.log("x is 5 or less");
7}

Bu durumda, x değeri 5'ten küçük olduğu için, "x 5 veya daha küçük" görüntülenir.

else if İfadesi

Temel Sözdizimi

1if (condition1) {
2    // Code that executes if condition1 is true
3} else if (condition2) {
4    // Code that executes if condition1 is false and condition2 is true
5} else {
6    // Code that executes if both condition1 and condition2 are false
7}

Birden fazla koşulu kontrol etmek için else if kullanın. Başlangıçtaki if ifadesi yanlışsa bir sonraki koşul kontrol edilir.

Örnek

1let x = 5;
2
3if (x > 10) {
4    console.log("x is greater than 10");
5} else if (x === 5) {
6    console.log("x is 5");
7} else {
8    console.log("x is 5 or less");
9}

Bu durumda, x 5 olduğundan "x is 5" görüntülenir.

Üçlü Operatör (Koşullu Operatör)

Sözdizimi

1condition ? valueIfTrue : valueIfFalse

if ifadesini daha kısa bir şekilde yazmak istiyorsanız üçlü operatörü kullanabilirsiniz.

Örnek

1const number = 7;
2const result = number % 2 === 0 ? "Even" : "Odd";
3console.log(result); // "Odd"

Bu durumda, number değeri 7 olduğu için, Tek görüntülenir.

Özet

• if ifadeleri, koşulun doğru veya yanlış olmasına bağlı olarak hangi kodun çalıştırılacağını kontrol eder.
• else kullanarak koşul yanlış olduğunda ne yapılacağını belirtebilirsiniz.
• else if kullanarak birden fazla koşulu kontrol edebilirsiniz.
• Koşullu dallanmaları daha kısa bir şekilde yazmak için üçlü operatörü de kullanabilirsiniz.

JavaScript'teki switch ifadesi

Temel Sözdizimi

 1switch (expression) {
 2    case value1:
 3        // Code that executes if the expression matches value1
 4        break;
 5    case value2:
 6        // Code that executes if the expression matches value2
 7        break;
 8    default:
 9        // Code that executes if no cases match
10}

switch ifadesi JavaScript'te bir ifadeyi (genellikle bir değişken) birden fazla değerle (durumlarla) karşılaştırmak ve ilgili kodu çalıştırmak için kullanılır. if ifadesi gibi, koşullu dallanma yapar ancak birden fazla koşul olduğunda genellikle daha okunabilirdir.

Örnek

 1let fruit = "apple";
 2
 3switch (fruit) {
 4    case "apple":
 5        console.log("This is an apple");
 6        break;
 7    case "banana":
 8        console.log("This is a banana");
 9        break;
10    default:
11        console.log("Unknown fruit");
12}

Bu örnekte, fruit "elma" olduğu için, konsolda "Bu bir elmadır" görüntülenir.

break の役割

Her bir durumun (case) sonunda break ekleyerek, o durumu tamamladıktan sonra switch ifadesinden çıkarsınız. break yazmazsanız, sonraki durum da yürütülür (buna fall-through denir).

Fall-Through Örneği

 1let color = "red";
 2
 3switch (color) {
 4    case "red":
 5        console.log("This is red");
 6    case "blue":
 7        console.log("This is blue");
 8    default:
 9        console.log("Unknown color");
10}

Bu durumda, color "kırmızı" olduğu için ve "Bu kırmızı" ifadesinden sonra break olmadığından, hem "Bu mavi" hem de "Bilinmeyen renk" görüntülenecektir.

default Kullanımı

default, hiçbir case ile eşleşme olmadığında yürütülen kısımdır. Bu, if ifadesinde else ile eşdeğerdir.

 1let animal = "dog";
 2
 3switch (animal) {
 4    case "cat":
 5        console.log("This is a cat");
 6        break;
 7    case "bird":
 8        console.log("This is a bird");
 9        break;
10    default:
11        console.log("Unknown animal");
12}

Bu durumda, animal "köpek" olduğu için default içine girer ve "Bilinmeyen hayvan" görüntülenir.

Aynı Durumda (Case) Birden Fazla Değeri Ele Alma

Birden fazla durum için aynı işlemi gerçekleştirmek istiyorsanız, bunları ardışık olarak yazabilirsiniz.

Örnek

 1let day = 1;
 2switch (day) {
 3    case 1:
 4    case 2:
 5    case 3:
 6    case 4:
 7    case 5:
 8        console.log("Weekday");
 9        break;
10    case 6:
11    case 7:
12        console.log("Weekend");
13        break;
14    default:
15        console.log("Unknown day");
16}

Bu örnekte, day 1 ise, "Hafta içi" görüntülenir.

switch vs. if

• if ifadesi, karmaşık koşullar veya aralıkları kontrol etmek için uygundur. Örneğin, bir değişken olan x'in 10'dan büyük veya eşit ve 20'den küçük veya eşit olması gibi karmaşık koşullar switch içinde yazılamaz.
• switch ifadesi, bir değerin belirli bir değerle eşleşip eşleşmediğini kontrol ederken bazen kodu daha okunabilir hale getirebilir.

Özet

• switch ifadesi, birden fazla değer için koşullu dalları kısaca yazmak için kullanılır.
• case'in sonunda break kullanmazsanız, bir sonraki case de çalışabilir (düşme durumu).
• Hiçbir case eşleşmediğinde default çalıştırılır.

Yukarıdaki makaleyi, YouTube kanalımızda Visual Studio Code'u kullanarak takip edebilirsiniz. Lütfen YouTube kanalını da kontrol edin.

YouTube Video