Jago JavaScript #3: Percabangan (Bikin Programmu Bisa Memilih!)

Dalam pemrograman, kita nggak ingin kode kita jalan lurus terus dari atas ke bawah. Kadang kita pengen kode tertentu jalan hanya jika syaratnya terpenuhi. Di JavaScript, kita punya tiga jagoan utama: if, else, dan switch.

🧩 Apa yang Akan Dipelajari

• Menggunakan if dan else untuk logika sederhana.
• Menggunakan else if untuk banyak kondisi.
• Memahami kapan harus pakai switch daripada if.
• Belajar cara singkat nulis kondisi pakai Ternary Operator.

⚙️ Persiapan

• Buka Console di browser favoritmu.
• Ingat-ingat lagi materi Operator Perbandingan (>, <, ===) karena itu bahan bakar utama percabangan.

🚀 Langkah-Langkah

1. Si Klasik if dan else

Ini adalah bentuk paling dasar. "Jika kondisi A benar, lakukan ini. Kalau tidak, lakukan itu."

let nilai = 80;

if (nilai >= 75) {
    console.log("Selamat, kamu lulus!");
} else {
    console.log("Yah, coba lagi ya!");
}

Penjelasan: Kode di dalam kurung kurawal { } milik if hanya akan jalan kalau hasil di dalam kurung ( ) adalah true.

2. Banyak Kondisi dengan else if

Gimana kalau pilihannya lebih dari dua? Misal, buat nentuin grade nilai. Kita pakai else if.

let skor = 85;

if (skor >= 90) {
    console.log("Grade: A");
} else if (skor >= 80) {
    console.log("Grade: B");
} else {
    console.log("Grade: C");
}

3. Si Rapi switch

Kalau kamu punya banyak kondisi yang cuma ngecek satu variabel (misal: ngecek hari atau menu makanan), switch jauh lebih rapi dibanding tumpukan else if.

let warnaLampu = "kuning";

switch (warnaLampu) {
    case "merah":
        console.log("Berhenti!");
        break;
    case "kuning":
        console.log("Hati-hati!");
        break;
    case "hijau":
        console.log("Jalan terus!");
        break;
    default:
        console.log("Lampu rusak!");
}

Penting: Jangan lupa kasih break; di tiap akhir case. Kalau nggak, program bakal bablas jalanin case di bawahnya (disebut fall-through).

4. Jalur Kilat: Ternary Operator

Ada cara keren buat nulis if-else sederhana cuma dalam satu baris. Cocok buat kode yang simpel. kondisi ? "kalau benar" : "kalau salah"

let umur = 20;
let status = (umur >= 18) ? "Dewasa" : "Anak-anak";
console.log(status); // Hasil: "Dewasa"

💡 Tips Tambahan

• Gunakan ===: Saat ngecek kondisi, selalu gunakan strict equality (===) biar gak kejebak masalah tipe data.
• Default Case: Di dalam switch, selalu sediakan default sebagai jaring pengaman kalau gak ada kondisi yang cocok.
• Keep it Simple: Kalau kondisinya sudah lebih dari 5, pertimbangkan pakai switch atau struktur data lain agar kode tetap mudah dibaca teman setimmu.

❗ Troubleshooting

Masalah: Kenapa semua kode di bawah switch jalan semua padahal kondisinya cuma satu yang cocok? Solusi: Kamu pasti lupa nulis break;. Tanpa break, JavaScript bakal terus mengeksekusi kode ke bawah sampai ketemu break atau akhir blok switch.

🎯 Kesimpulan

Sekarang kamu sudah bisa bikin program yang "pintar". Kamu bisa bikin validasi login, sistem penilaian, sampai logika game sederhana. Ingat: if buat logika yang fleksibel, switch buat pilihan yang banyak tapi spesifik.