Pernyataan Kondisional di TypeScript

Dalam artikel ini, kami akan menjelaskan pernyataan kondisional di TypeScript.

YouTube Video

Pernyataan If di TypeScript

Di TypeScript, pernyataan if melakukan cabang yang mengeksekusi kode jika kondisi tertentu adalah true dan tidak mengeksekusinya jika kondisinya adalah false. Pernyataan if memiliki sintaks yang sama seperti di JavaScript dan menggunakan keamanan tipe TypeScript untuk melakukan percabangan kondisional.

Sintaks Dasar

Sintaks dasar dari pernyataan if adalah sebagai berikut.

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}

• Jika condition bernilai true, kode dalam blok berikut akan dijalankan.
• Jika condition bernilai false dan anotherCondition bernilai true, kode dalam blok berikut akan dijalankan.
• Jika tidak ada kondisi yang bernilai true, kode dalam blok else terakhir akan dijalankan.

Contoh 1: Pernyataan dasar if-else

Dalam contoh berikut, ini memeriksa apakah variabel x adalah 10 atau lebih besar dan menghasilkan hasilnya.

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

Contoh 2: Pernyataan if-else if-else

Untuk memeriksa beberapa kondisi, gunakan else if untuk menambahkan cabang.

 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

Contoh 3: Pernyataan if dengan pemeriksaan tipe

Dimungkinkan juga untuk melakukan percabangan kondisional untuk tipe tertentu menggunakan fitur pemeriksaan tipe TypeScript. Sebagai contoh, periksa tipe variabel dengan operator typeof dan lakukan pemrosesan yang sesuai.

 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"

Contoh 4: Pernyataan if Bersarang

Anda juga dapat membuat pernyataan if bersarang untuk memeriksa kondisi yang kompleks.

 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

Operator ternary (operator kondisional)

Sintaksis

1condition ? valueIfTrue : valueIfFalse

Jika Anda ingin menulis pernyataan if lebih ringkas, Anda dapat menggunakan operator ternary.

Contoh

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

Dalam kasus ini, karena number adalah 7, maka Odd akan ditampilkan.

Ringkasan

• Pernyataan if adalah struktur kontrol dasar untuk menentukan pemrosesan mana yang akan dijalankan berdasarkan kondisi.
• Anda dapat menangani banyak kondisi menggunakan else if.
• Dengan menggunakan typeof, Anda dapat memanfaatkan tipe TypeScript untuk percabangan kondisional.
• Penanganan kondisi kompleks dimungkinkan dengan pernyataan if bersarang.
• Anda juga dapat menggunakan operator ternary untuk menulis cabang kondisional dengan lebih ringkas.

Di TypeScript, menggunakan pernyataan if dengan memperhatikan keamanan tipe dapat meningkatkan keandalan kode.

Pernyataan Switch di TypeScript

Pernyataan switch di TypeScript adalah struktur kontrol yang digunakan untuk mencabang kode berdasarkan beberapa kondisi. Daripada menggunakan pernyataan if-else if untuk mengevaluasi beberapa kondisi, Anda dapat menggunakan pernyataan switch untuk menulis logika percabangan berdasarkan nilai spesifik secara ringkas.

Sintaks Dasar

 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}

Dalam pernyataan switch, jika nilai yang ditentukan dalam case sesuai dengan ekspresi yang dievaluasi, blok case akan dieksekusi. Perhatikan bahwa jika tidak ada break, blok case berikutnya akan dieksekusi secara berurutan. default akan dijalankan jika tidak ada pernyataan case yang cocok.

Contoh 1: Pernyataan switch Dasar

Pada contoh di bawah ini, sebuah angka yang mewakili hari dalam seminggu (0 hingga 6) diberikan, dan nama hari yang sesuai akan ditampilkan berdasarkan nilai tersebut.

 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

Contoh 2: Contoh menggunakan default

default berguna karena dijalankan jika tidak ada pernyataan case yang cocok, memungkinkan Anda menangani nilai yang tidak terduga.

 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

Contoh 3: Menjalankan proses yang sama untuk beberapa case

Jika Anda ingin melakukan tindakan yang sama untuk beberapa pernyataan case, Anda dapat mencantumkannya secara berurutan.

 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

Contoh 4: Perilaku saat break dihilangkan

Menghilangkan break menghasilkan perilaku "fall-through" di mana case berikutnya juga dijalankan.

 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

Dengan cara ini, setelah sebuah case cocok, case berikutnya juga dijalankan, sehingga break biasanya digunakan untuk mencegah fall-through yang tidak perlu.

Ringkasan

• Pernyataan switch adalah struktur kontrol yang memungkinkan Anda menulis logika percabangan berdasarkan beberapa kondisi secara ringkas.
• Setiap case harus secara eksplisit mengakhiri proses menggunakan break.
• Blok default dijalankan jika tidak ada case yang cocok.
• Dimungkinkan juga untuk melakukan operasi yang sama untuk beberapa case.

Pernyataan switch dalam TypeScript berguna untuk menangani beberapa kondisi secara efisien sambil menjaga keterbacaan kode.

Anda dapat mengikuti artikel di atas menggunakan Visual Studio Code di saluran YouTube kami. Silakan periksa juga saluran YouTube kami.

YouTube Video