Cawangan Bersyarat dalam JavaScript

Artikel ini menerangkan tentang cawangan bersyarat dalam JavaScript.

YouTube Video

Pernyataan if dalam JavaScript

Sintaks Asas

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

Pernyataan if dalam JavaScript adalah struktur kawalan asas yang digunakan untuk mengawal pelaksanaan kod berdasarkan sama ada syarat tertentu benar atau salah. Jika syaratnya benar, blok kod akan dilaksanakan, dan jika ia salah, ia akan dilangkau.

Contoh

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

Dalam contoh ini, kerana nilai x adalah lebih besar daripada 5, x lebih besar daripada 5 dipaparkan di konsol.

Pernyataan else

Sintaks Asas

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

Dengan menggunakan pernyataan else selepas pernyataan if, anda boleh menentukan kod yang akan dilaksanakan apabila syarat adalah salah.

Contoh

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}

Dalam kes ini, kerana x adalah kurang daripada 5, "x adalah 5 atau kurang" dipaparkan.

Pernyataan else if

Sintaks Asas

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}

Jika anda ingin memeriksa banyak syarat, gunakan else if. Syarat seterusnya diperiksa jika syarat awal if adalah salah.

Contoh

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}

Dalam kes ini, oleh kerana x adalah 5, "x is 5" dipaparkan.

Pengendali Ternary (Pengendali Bersyarat)

Sintaks

1condition ? valueIfTrue : valueIfFalse

Jika anda ingin menulis pernyataan if dengan lebih ringkas, anda boleh menggunakan pengendali ternary.

Contoh

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

Dalam kes ini, kerana number adalah 7, Ganjil dipaparkan.

Ringkasan

• Pernyataan if mengawal kod mana yang akan dilaksanakan berdasarkan sama ada syarat benar atau salah.
• Anda boleh menetapkan tingkah laku untuk apabila syarat adalah salah dengan menggunakan else.
• Anda boleh memeriksa banyak syarat menggunakan else if.
• Anda juga boleh menggunakan pengendali ternary untuk menulis cawangan bersyarat dengan lebih ringkas.

Pernyataan switch dalam JavaScript

Sintaks Asas

 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}

Pernyataan switch dalam JavaScript digunakan untuk membandingkan satu ekspresi (biasanya pembolehubah) dengan banyak nilai (kes) dan melaksanakan kod yang sesuai. Seperti pernyataan if, ia melakukan cawangan bersyarat, tetapi sering kali lebih mudah dibaca apabila terdapat banyak syarat.

Contoh

 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}

Dalam contoh ini, kerana fruit ialah "apple", "This is an apple" akan dipaparkan di konsol.

break の役割

Dengan memasukkan break di akhir setiap kes, anda keluar dari pernyataan switch setelah menyelesaikan kes tersebut. Jika anda tidak menulis break, kes seterusnya juga akan dijalankan (ini dipanggil fall-through).

Contoh Fall-Through

 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}

Dalam kes ini, kerana color ialah "red", dan tiada break selepas "This is red", kedua-dua "This is blue" dan "Unknown color" juga akan dipaparkan.

Menggunakan default

default ialah bahagian yang dijalankan apabila tiada padanan dengan mana-mana case. Ini bersamaan dengan else dalam pernyataan if.

 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}

Dalam kes ini, kerana animal ialah "dog", ia jatuh di bawah default, dan "Unknown animal" akan dipaparkan.

Mengendalikan Nilai Berbilang dengan Kes yang Sama

Jika anda ingin melaksanakan operasi yang sama untuk beberapa kes, anda boleh menulisnya secara berturutan.

Contoh

 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}

Dalam contoh ini, jika day ialah 1, "Weekday" akan dipaparkan.

switch vs. if

• Pernyataan if sesuai untuk memeriksa syarat kompleks atau julat. Sebagai contoh, syarat kompleks seperti pemboleh ubah x lebih besar daripada atau sama dengan 10 dan kurang daripada atau sama dengan 20 tidak boleh ditulis dalam switch.
• Pernyataan switch kadangkala boleh menjadikan kod lebih mudah dibaca apabila memeriksa jika nilai sepadan dengan yang tertentu.

Ringkasan

• Pernyataan switch digunakan untuk menulis cabang bersyarat untuk pelbagai nilai dengan ringkas.
• Jika anda tidak menggunakan break di penghujung setiap case, case seterusnya juga mungkin dilaksanakan (fall-through).
• default dijalankan apabila tiada mana-mana kes yang sepadan.

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

YouTube Video