Percabangan Kondisional dalam JavaScript

Artikel ini menjelaskan percabangan kondisional dalam JavaScript.

YouTube Video

Pernyataan if dalam JavaScript

Sintaks Dasar

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

Pernyataan if dalam JavaScript adalah struktur kontrol dasar yang digunakan untuk mengontrol eksekusi kode berdasarkan apakah suatu kondisi tertentu benar atau salah. Jika kondisinya benar, blok kode akan dijalankan, dan jika salah, akan dilewati.

Contoh

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

Pada contoh ini, karena nilai x lebih besar dari 5, x is greater than 5 ditampilkan di konsol.

Pernyataan else

Sintaks Dasar

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 setelah pernyataan if, Anda dapat menentukan kode yang akan dijalankan ketika kondisinya 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 kasus ini, karena x kurang dari 5, "x is 5 or less" ditampilkan.

Pernyataan else if

Sintaks Dasar

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 beberapa kondisi, gunakan else if. Kondisi berikutnya akan diperiksa jika pernyataan if awalnya 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 kasus ini, karena x adalah 5, "x adalah 5" ditampilkan.

Operator Ternary (Operator Kondisional)

Sintaksis

1condition ? valueIfTrue : valueIfFalse

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

Contoh

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

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

Ringkasan

• Pernyataan if mengontrol kode mana yang akan dijalankan berdasarkan apakah kondisinya benar atau salah.
• Anda dapat menentukan perilaku untuk kondisi yang salah dengan menggunakan else.
• Anda dapat memeriksa beberapa kondisi menggunakan else if.
• Anda juga dapat menggunakan operator ternary untuk menulis percabangan kondisional dengan ringkas.

Pernyataan switch dalam JavaScript

Sintaks Dasar

 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 sebuah variabel) dengan beberapa nilai (kasus) dan menjalankan kode yang sesuai. Seperti pernyataan if, ini melakukan percabangan kondisional, tetapi seringkali lebih mudah dibaca jika ada banyak kondisi.

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, karena fruit adalah "apple", "This is an apple" ditampilkan di konsol.

break の役割

Dengan menempatkan break di akhir setiap case, Anda keluar dari pernyataan switch setelah menyelesaikan case tersebut. Jika Anda tidak menulis break, case berikutnya juga akan dijalankan (ini disebut 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 kasus ini, karena color adalah "red" dan tidak ada break setelah "This is red", baik "This is blue" maupun "Unknown color" juga akan ditampilkan.

Menggunakan default

default adalah bagian yang dijalankan ketika tidak ada yang cocok dengan case mana pun. Ini sesuai 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 kasus ini, karena animal adalah "dog", ini masuk ke dalam default, dan "Unknown animal" ditampilkan.

Menangani Beberapa Nilai dengan Case yang Sama

Jika Anda ingin melakukan operasi yang sama untuk beberapa case, Anda dapat menuliskannya secara berurutan.

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 adalah 1, "Weekday" ditampilkan.

switch vs. if

• Pernyataan if cocok untuk memeriksa kondisi kompleks atau rentang. Misalnya, kondisi kompleks seperti variabel x yang lebih besar dari atau sama dengan 10 dan kurang dari atau sama dengan 20 tidak dapat ditulis dalam switch.
• Pernyataan switch terkadang dapat membuat kode lebih mudah dibaca ketika memeriksa apakah sebuah nilai cocok dengan nilai tertentu.

Ringkasan

• Pernyataan switch digunakan untuk menuliskan cabang kondisional untuk beberapa nilai secara ringkas.
• Jika Anda tidak menggunakan break di akhir setiap case, case berikutnya mungkin juga akan dijalankan (fall-through).
• default dijalankan ketika tidak ada case yang cocok.

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

YouTube Video