Pernyataan Bersyarat dalam TypeScript

Dalam artikel ini, kami akan menerangkan pernyataan bersyarat dalam TypeScript.

YouTube Video

Pernyataan If dalam TypeScript

If statement dalam TypeScript melakukan percabangan yang mengeksekusi kod jika suatu kondisi tertentu adalah benar dan tidak mengeksekusinya jika kondisi tersebut adalah salah. If statement mempunyai sintaks yang sama seperti dalam JavaScript dan menggunakan keselamatan jenis TypeScript untuk melakukan percabangan bersyarat.

Sintaks Asas

Sintaks asas pernyataan if adalah seperti 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 adalah true, kod dalam blok berikut akan dilaksanakan.
• Jika condition adalah false dan anotherCondition adalah true, kod dalam blok berikut akan dilaksanakan.
• Jika tiada syarat-syarat yang true, kod dalam blok else terakhir akan dilaksanakan.

Contoh 1: Pernyataan Asas if-else

Dalam contoh berikut, ia memeriksa sama ada pemboleh ubah x bernilai 10 atau lebih dan menghasilkan keputusan.

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 lebih dari satu kondisi, gunakan else if untuk menambah percabangan.

 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 jenis

Adalah juga mungkin untuk melakukan percabangan bersyarat berdasarkan jenis tertentu dengan menggunakan ciri pemeriksaan jenis TypeScript. Sebagai contoh, periksa jenis pemboleh ubah menggunakan operator typeof dan lakukan pemprosesan 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 boleh menyarangkan pernyataan if 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 ternari (operator syarat)

Sintaks

1condition ? valueIfTrue : valueIfFalse

Jika anda ingin menulis pernyataan if dengan lebih ringkas, anda boleh menggunakan operator ternari.

Contoh

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

Dalam kes ini, kerana number adalah 7, Odd akan dipaparkan.

Ringkasan

• If statement adalah struktur kawalan asas untuk menentukan pemprosesan mana yang akan dijalankan berdasarkan kondisi.
• Anda boleh menangani banyak kondisi menggunakan else if.
• Dengan menggunakan typeof, anda boleh memanfaatkan jenis-jenis TypeScript untuk percabangan bersyarat.
• Penanganan kondisi yang kompleks adalah mungkin dengan pernyataan if bersarang.
• Anda juga boleh menggunakan operator ternari untuk menulis cawangan syarat dengan ringkas.

Dalam TypeScript, menggunakan pernyataan if dengan keselamatan jenis dapat meningkatkan keandalan kod.

Pernyataan Switch dalam TypeScript

Switch statement dalam TypeScript adalah struktur kawalan yang digunakan untuk memecah kod berdasarkan banyak kondisi. Daripada menggunakan pernyataan if-else if untuk menilai banyak kondisi, anda boleh menggunakan pernyataan switch untuk menulis logik percabangan secara ringkas berdasarkan nilai-nilai tertentu.

Sintaks Asas

 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 sepadan dengan ekspresi yang dinilai, blok case akan dieksekusi. Berhati-hati bahawa jika tiada break, blok case berikutnya akan dijalankan secara berturut-turut. default akan dijalankan jika tiada pernyataan case yang sepadan.

Contoh 1: Pernyataan switch Asas

Dalam contoh di bawah, nombor yang mewakili hari dalam seminggu (0 hingga 6) diberikan, dan nama hari yang sepadan akan dipaparkan 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 kerana ia akan dijalankan apabila tiada pernyataan case yang sepadan, membolehkan anda mengendalikan nilai yang tidak dijangka.

 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 melaksanakan tindakan yang sama untuk beberapa pernyataan case, anda boleh menyenaraikannya 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: Tingkah laku apabila break diabaikan

Mengabaikan break akan menyebabkan tingkah laku "fall-through" di mana case seterusnya juga dilaksanakan.

 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, selepas case sepadan, case seterusnya juga akan dilaksanakan. Oleh itu, break biasanya digunakan untuk mengelakkan fall-through yang tidak diperlukan.

Ringkasan

• Pernyataan switch adalah struktur kawalan yang membolehkan anda menulis logik percabangan berdasarkan pelbagai keadaan dengan ringkas.
• Setiap case harus secara eksplisit menamatkan proses menggunakan break.
• Blok default akan dijalankan jika tiada case yang sepadan.
• Adalah juga mungkin untuk menjalankan operasi yang sama bagi beberapa case.

Pernyataan switch dalam TypeScript berguna untuk mengendalikan pelbagai keadaan secara cekap sambil mengekalkan kebolehbacaan kod.

Anda boleh mengikuti artikel di atas menggunakan Visual Studio Code di saluran YouTube kami. Sila lihat juga saluran YouTube kami.

YouTube Video