Memahami 6 Bentuk Percabangan dalam JavaScript
Dalam dunia pemrograman web, Memahami 6 Bentuk Percabangan dalam JavaScript adalah fondasi penting untuk menulis kode yang dinamis dan efisien. Percabangan, atau conditional statements, memungkinkan program Anda membuat keputusan berdasarkan kondisi yang ada, menentukan alur eksekusi mana yang akan diambil. Enam bentuk percabangan ini—yang meliputi penggunaan dasar if...else, struktur if...else if...else yang berantai, ternary operator yang ringkas, hingga switch case untuk banyak kondisi—adalah alat utama bagi setiap pengembang untuk mengontrol logika program, memastikan bahwa aplikasi dapat merespons input pengguna dan status data dengan tepat. Menguasai semua bentuk ini akan secara signifikan meningkatkan kemampuan Anda dalam menulis kode JavaScript yang fleksibel dan kuat.
Dalam JavaScript, terdapat 6 bentuk percabangan yang dapat digunakan, yaitu:
- Percabangan if
- Percabangan if/else
- Percabangan if/else/if
- Percabangan switch/case
- Percabangan dengan operator ternary
- Percabangan bersarang
Dalam artikel ini, kita akan membahas tentang 6 bentuk percabangan pada JavaScript. Dengan memahami berbagai bentuk percabangan, Anda akan dapat menulis kode JavaScript yang lebih kompleks dan efisien.
Percabangan if
Percabangan if adalah bentuk percabangan yang paling sederhana. Percabangan if digunakan untuk mengeksekusi blok kode jika kondisi tertentu terpenuhi.
Sintaksis percabangan if adalah sebagai berikut:
if (kondisi) {Â // Blok kode yang akan dieksekusi jika kondisi terpenuhi} {codeBox}
Misalnya, kita ingin mencetak pesan “Nilai lebih dari 10” jika nilai variabel nilai lebih dari 10. Kita dapat menggunakan percabangan if seperti berikut:
const nilai = 15;if (nilai > 10) {Â console.log(“Nilai lebih dari 10”);}Â {codeBox}
Output:
Nilai lebih dari 10
Percabangan if/else
Percabangan if/else adalah bentuk percabangan yang digunakan untuk mengeksekusi dua blok kode yang berbeda, tergantung pada apakah kondisi tertentu terpenuhi atau tidak.
Sintaksis percabangan if/else adalah sebagai berikut:
if (kondisi) {Â // Blok kode yang akan dieksekusi jika kondisi terpenuhi} else {Â // Blok kode yang akan dieksekusi jika kondisi tidak terpenuhi}Â {codeBox}
Misalnya, kita ingin mencetak pesan “Nilai lebih dari 10” jika nilai variabel nilai lebih dari 10, atau mencetak pesan “Nilai kurang dari atau sama dengan 10” jika nilai variabel nilai kurang dari atau sama dengan 10. Kita dapat menggunakan percabangan if/else seperti berikut:
const nilai = 15;if (nilai > 10) {Â console.log(“Nilai lebih dari 10”);} else {Â console.log(“Nilai kurang dari atau sama dengan 10”);}Â {codeBox}
Output:
Nilai lebih dari 10
Percabangan if/else/if
Percabangan if/else/if adalah bentuk percabangan yang digunakan untuk mengeksekusi tiga blok kode yang berbeda, tergantung pada apakah kondisi tertentu terpenuhi atau tidak.
Sintaksis percabangan if/else/if adalah sebagai berikut:
if (kondisi1) {Â // Blok kode yang akan dieksekusi jika kondisi1 terpenuhi} else if (kondisi2) {Â // Blok kode yang akan dieksekusi jika kondisi1 tidak terpenuhi dan kondisi2 terpenuhi} else {Â // Blok kode yang akan dieksekusi jika kondisi1 dan kondisi2 tidak terpenuhi}Â {codeBox}
Misalnya, kita ingin mencetak pesan “Nilai lebih dari 10”, “Nilai sama dengan 10”, atau “Nilai kurang dari atau sama dengan 10”, tergantung pada nilai variabel nilai. Kita dapat menggunakan percabangan if/else/if seperti berikut:
const nilai = 10;if (nilai > 10) {Â console.log(“Nilai lebih dari 10”);} else if (nilai === 10) {Â console.log(“Nilai sama dengan 10”);} else {Â console.log(“Nilai kurang dari atau sama dengan 10”);}Â {codeBox}
Output:
Nilai sama dengan 10
Percabangan switch/case
Percabangan switch/case adalah bentuk percabangan yang digunakan untuk mengeksekusi blok kode yang berbeda berdasarkan nilai variabel tertentu.
Sintaksis percabangan switch/case adalah sebagai berikut:
switch (ekspresi) {Â case nilai1:Â Â // Blok kode yang akan dieksekusi jika nilai ekspresi sama dengan nilai1Â Â break;Â case nilai2:Â Â // Blok kode yang akan dieksekusi jika nilai ekspresi sama dengan nilai2Â Â break;Â // …Â default:Â Â // Blok kode yang akan dieksekusi jika nilai ekspresi tidak sama dengan nilai1, nilai2, …}Â {codeBox}
Misalnya, kita ingin mencetak pesan “Hari Senin” jika hari ini Senin, “Hari Selasa” jika hari ini Selasa, dan seterusnya. Kita dapat menggunakan percabangan switch/case seperti berikut:
const hari = “Senin”;switch (hari) {Â case “Senin”:Â Â console.log(“Hari Senin”);Â Â break;Â case “Selasa”:Â Â console.log(“Hari Selasa”);Â Â break;Â // …Â default:Â Â console.log(“Hari lainnya”);}Â {codeBox}
Output:
Hari Senin
Percabangan dengan operator ternary
Percabangan dengan operator ternary adalah bentuk percabangan yang digunakan untuk membuat pernyataan if/else sederhana.
Baca juga:Â Mengenal 3 Macam Jendela Dialog pada Javascript
Operator ternary memiliki tiga operan, yaitu:
- Kondisi
- Nilai jika kondisi terpenuhi
- Nilai jika kondisi tidak terpenuhi
Sintaksis operator ternary adalah sebagai berikut:
ekspresi ? nilai1 : nilai2Â {codeBox}
Misalnya, kita ingin mencetak pesan “Nilai lebih dari 10” jika nilai variabel nilai lebih dari 10, atau mencetak pesan “Nilai kurang dari atau sama dengan 10” jika nilai variabel nilai kurang dari atau sama dengan 10. Kita dapat menggunakan operator ternary seperti berikut:
const nilai = 15;const pesan = nilai > 10 ? “Nilai lebih dari 10” : “Nilai kurang dari atau sama dengan 10”;console.log(pesan);Â {codeBox}
Output:
Nilai lebih dari 10
Percabangan bersarang
Percabangan bersarang adalah bentuk percabangan yang digunakan untuk menggabungkan dua atau lebih bentuk percabangan.
Misalnya, kita ingin mencetak pesan “Nilai lebih dari 10 dan kurang dari atau sama dengan 20” jika nilai variabel nilai lebih dari 10 dan kurang dari atau sama dengan 20. Kita dapat menggunakan percabangan bersarang seperti berikut:
const nilai = 15;if (nilai > 10) {Â if (nilai <= 20) {Â Â console.log(“Nilai lebih dari 10 dan kurang dari atau sama dengan 20”);Â }}Â {codeBox}
Output:
Nilai lebih dari 10 dan kurang dari atau sama dengan 20
Kesimpulan
Percabangan adalah salah satu struktur kontrol yang penting dalam pemrograman. Dengan memahami berbagai bentuk percabangan, Anda akan dapat menulis kode JavaScript yang lebih kompleks dan efisien.
Berikut adalah beberapa tips untuk menggunakan percabangan dalam JavaScript:
- Gunakan bentuk percabangan yang paling sederhana yang sesuai dengan kebutuhan Anda.
- Gunakan komentar untuk menjelaskan logika percabangan Anda.
- Pastikan Anda menggunakan break statement untuk menghentikan eksekusi percabangan jika kondisi terpenuhi.
Semoga artikel ini bermanfaat bagi Anda.
