TypeScript'te Koşullu İfadeler

Bu makalede, TypeScript'teki koşullu ifadeleri açıklayacağız.

YouTube Video

TypeScript'te If İfadeleri

TypeScript'te, bir if ifadesi, belirtilen bir koşul true olduğunda kodu çalıştırır ve koşul false ise çalıştırmaz. If ifadesi, JavaScript'teki ile aynı sözdizimine sahiptir ve koşullu dallanma yapmak için TypeScript'in tür güvenliğini kullanır.

Temel Sözdizimi

if ifadesinin temel sözdizimi aşağıdaki gibidir.

1if (condition) {
2    // Code to execute if the condition is true
3} else if (anotherCondition) {
4    // Code to execute if the first condition is false
5    // and the another condition is true
6} else {
7    // Code to execute if all conditions are false
8}

• Eğer condition true ise, takip eden bloktaki kod yürütülür.
• Eğer condition false ve anotherCondition true ise, takip eden bloktaki kod yürütülür.
• Hiçbir koşul true değilse, son else bloğundaki kod yürütülür.

Örnek 1: Temel if-else İfadesi

Aşağıdaki örnekte, x değişkeninin 10 veya daha büyük olup olmadığını kontrol eder ve sonucu çıktılar.

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

Örnek 2: if-else if-else İfadesi

Birden fazla koşulu kontrol etmek için dallar eklemek amacıyla else if kullanın.

 1let score: number = 85;
 2
 3if (score >= 90) {
 4    console.log("Excellent");
 5} else if (score >= 70) {
 6    console.log("Passed");
 7} else {
 8    console.log("Failed");
 9}
10// Outputs: Passed

Örnek 3: Tür Kontrolü ile if İfadesi

TypeScript'in tür kontrolü özelliğini kullanarak belirli türler için koşullu dallanma yapmak da mümkündür. Örneğin, bir değişkenin türünü typeof operatörü ile kontrol edin ve uygun işlemi gerçekleştirin.

 1let value: any = "Hello";
 2
 3if (typeof value === "string") {
 4    console.log("The value is a string: " + value);
 5} else if (typeof value === "number") {
 6    console.log("The value is a number: " + value);
 7} else {
 8    console.log("The value is of another type");
 9}
10// Outputs: "The value is a string: Hello"

Örnek 4: İç İçe if İfadeleri

Karmaşık koşulları kontrol etmek için if ifadelerini iç içe de kullanabilirsiniz.

 1let age: number = 25;
 2let isMember: boolean = true;
 3
 4if (age >= 18) {
 5    if (isMember) {
 6        console.log("You are a member and 18 years old or older");
 7    } else {
 8        console.log("You are not a member but 18 years old or older");
 9    }
10} else {
11    console.log("You are under 18 years old");
12}
13// Output
14// You are a member and 18 years old or older

Üçlü operatör (koşullu operatör)

Sözdizimi

1condition ? valueIfTrue : valueIfFalse

Bir if ifadesini daha özlü bir şekilde yazmak istiyorsanız, üçlü operatörü kullanabilirsiniz.

Örnek

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

Bu durumda, number 7 olduğu için Odd görüntülenecektir.

Özet

• If ifadesi, koşullara göre hangi işlemenin gerçekleştirileceğini belirlemek için temel bir kontrol yapısıdır.
• Else if kullanarak birden fazla koşulu işleyebilirsiniz.
• Typeof kullanarak, TypeScript'in türlerinden koşullu dallanma için faydalanabilirsiniz.
• İç içe if ifadeleri ile karmaşık koşul yönetimi mümkündür.
• Koşullu dallanmaları daha özlü bir şekilde yazmak için üçlü operatörü de kullanabilirsiniz.

TypeScript'te, tür güvenliğini göz önünde bulundurarak if ifadelerini kullanmak, kodun güvenilirliğini artırabilir.

TypeScript'te Switch İfadeleri

TypeScript'teki switch ifadesi, kodu birden fazla koşula göre dallandırmak için kullanılan bir kontrol yapısıdır. Birden fazla koşulu değerlendirmek için if-else if ifadelerini kullanmak yerine, belirli değerlere dayalı dallanma mantığını daha öz bir şekilde yazmak için switch ifadesini kullanabilirsiniz.

Temel Sözdizimi

 1switch (expressionToEvaluate) {
 2    case value1:
 3        // Code to execute if the expression evaluates to value1
 4        break;
 5    case value2:
 6        // Code to execute if the expression evaluates to value2
 7        break;
 8    default:
 9        // Code to execute if none of the conditions match
10}

Switch ifadesinde, bir case içinde belirtilen değer değerlendirilen ifadeyle eşleşirse, case bloğu çalıştırılır. Eğer break yoksa, dikkat edin ki bir sonraki case bloğu ardışık olarak çalıştırılır. default bloğu, hiçbir case ifadesi eşleşmezse çalıştırılır.

Örnek 1: Temel switch Deyimi

Aşağıdaki örnekte, haftanın günlerini temsil eden bir sayı (0'dan 6'ya kadar) verilmiş ve bu değere göre karşılık gelen gün adı çıktı olarak verilmiştir.

 1let day: number = 3;
 2
 3switch (day) {
 4    case 0:
 5        console.log("Sunday");
 6        break;
 7    case 1:
 8        console.log("Monday");
 9        break;
10    case 2:
11        console.log("Tuesday");
12        break;
13    case 3:
14        console.log("Wednesday");
15        break;
16    case 4:
17        console.log("Thursday");
18        break;
19    case 5:
20        console.log("Friday");
21        break;
22    case 6:
23        console.log("Saturday");
24        break;
25    default:
26        console.log("Invalid day");
27}
28// Outputs: Wednesday

Örnek 2: default Kullanımı Örneği

default, hiçbir case ifadesi eşleşmediğinde çalıştığı için kullanışlıdır ve beklenmeyen değerleri işlemenize olanak tanır.

 1let statusText: string = "pending";
 2
 3switch (statusText) {
 4    case "success":
 5        console.log("Operation succeeded");
 6        break;
 7    case "error":
 8        console.log("An error occurred");
 9        break;
10    case "pending":
11        console.log("Processing");
12        break;
13    default:
14        console.log("Unknown status");
15}
16// Outputs: Processing

Örnek 3: Birden Fazla case İçin Aynı İşlemi Gerçekleştirme

Birden fazla case ifadesi için aynı işlemi gerçekleştirmek istiyorsanız, bunları art arda listeleyebilirsiniz.

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

Örnek 4: break Atlandığında Davranış

break ifadesinin atlanması, bir "fall-through" davranışına neden olur ve bir sonraki case de çalıştırılır.

 1let rank: number = 1;
 2
 3switch (rank) {
 4    case 1:
 5        console.log("Gold");
 6    case 2:
 7        console.log("Silver");
 8    case 3:
 9        console.log("Bronze");
10    default:
11        console.log("Not ranked");
12}
13// Outputs:
14// Gold
15// Silver
16// Bronze
17// Not ranked

Bu şekilde, bir case eşleştiğinde, sonraki case de çalıştırılır; bu nedenle, gereksiz fall-through'u önlemek için genellikle break kullanılır.

Özet

• switch deyimi, birçok şarta dayalı dallanma mantığını özlü bir şekilde yazmanıza olanak tanıyan bir kontrol yapısıdır.
• Her case, break kullanarak işlemi açıkça sonlandırmalıdır.
• default bloğu, hiçbir case eşleşmezse çalıştırılır.
• Birden fazla case için aynı işlemi gerçekleştirmek de mümkündür.

TypeScript'teki switch deyimi, birden fazla durumu verimli bir şekilde işlerken kod okunabilirliğini korumak için kullanışlıdı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