Bongkar Rahasia If-Else & Switch Case di JavaScript: Biar Logika Program Makin Jago!

If-Else & Switch Case JS: Logika Program Santuy & Jago

PPLG

PPLG

Penulis

11 Aug 2026
27 x dilihat

Yo gaes, pernah ga sih kalian mikir, "Gimana caranya ya biar program gue bisa mikir dan ngambil keputusan sendiri?" Nah, di dunia ngoding, bikin program yang cerdas itu kuncinya ada di struktur kontrol, khususnya If-Else dan Switch Case. Ini bukan cuma bikin program kamu jalan, tapi juga bikin dia punya "otak" buat ngefilter, milih, dan ngerespon sesuai kondisi yang ada.

Seriusan deh, struktur kontrol ini basic tapi super powerful. Kalau kamu pengen jadi developer yang jago, nguasain If-Else dan Switch Case itu wajib banget. Yuk, kita gaspol spill tuntas biar kamu auto paham!

Kenalan Sama If-Else: Sang Penentu Pilihan Utama

If-Else itu kayak lagi milih mau makan apa. "Kalau lagi laper, makan. Kalau enggak, ya udah santuy aja." Atau "Kalau duitnya cukup, beli itu. Kalau enggak, cari yang lebih murah." Simpelnya, If-Else ini cara JavaScript buat ngerespon kondisi benar atau salah.

Konsep Dasarnya:

  • if: Blok kode di dalam if akan dieksekusi hanya jika kondisinya true.
  • else: Blok kode di dalam else akan dieksekusi jika kondisi if di atasnya false.
  • else if: Ini buat nambahin opsi kondisi lain kalo kondisi if pertama false, tapi kita masih punya skenario lain sebelum masuk ke else final. Kamu bisa punya banyak else if.

Struktur Kodenya Mirip Gini:

if (kondisiPertama) {
  // Jalankan kode ini kalau kondisiPertama TRUE
} else if (kondisiKedua) {
  // Jalankan kode ini kalau kondisiPertama FALSE, TAPI kondisiKedua TRUE
} else {
  // Jalankan kode ini kalau semua kondisi di atasnya FALSE
}

Contoh Nyata: Cek Nilai Ujian

Bayangin kita mau kasih grade berdasarkan nilai ujian.

let nilai = 85;
let grade;

if (nilai >= 90) {
  grade = "A";
  console.log("Mantap! Kamu dapet A!");
} else if (nilai >= 80) {
  grade = "B";
  console.log("Good job! Kamu dapet B!");
} else if (nilai >= 70) {
  grade = "C";
  console.log("Lumayanlah! Kamu dapet C!");
} else {
  grade = "D";
  console.log("Ayo belajar lebih giat lagi! Kamu dapet D.");
}

console.log(`Nilai kamu ${nilai}, jadi grade kamu: ${grade}`);
// Output: Good job! Kamu dapet B!
// Output: Nilai kamu 85, jadi grade kamu: B

Tips If-Else:

  • Keep it simple: Usahain kondisi di dalam if itu jelas dan enggak terlalu kompleks.
  • Hindari "Nested If-Else Hell": Terlalu banyak if di dalam if bisa bikin kode susah dibaca dan dibenerin (debug). Kalo udah mulai banyak banget, mungkin ini saatnya mikir pake cara lain, kayak switch case atau function terpisah.

Kenalan Sama Switch Case: Sang Pemilih Cepat

Kalo If-Else jago buat kondisi yang kompleks atau rentang nilai, Switch Case ini lebih cocok buat kondisi di mana kamu punya satu variabel yang nilainya diskrit (pasti) dan kamu mau ngasih aksi beda-beda tiap nilai itu. Ibaratnya, kamu punya satu menu restoran, dan tiap item menu (nilai variabel) punya resep (aksi) yang beda.

Konsep Dasarnya:

  • switch (ekspresi): Kita tentuin variabel apa yang mau dicek nilainya.
  • case nilai:: Kalau nilai variabelnya cocok dengan nilai ini, jalankan blok kode di bawahnya.
  • break;: PENTING! Ini buat ngeluarin JavaScript dari blok switch setelah sebuah case dieksekusi. Kalo enggak ada break, JavaScript bakal terus ngecek dan ngejalanin case selanjutnya (ini disebut "fall-through").
  • default:: Kalo gak ada satu pun case yang cocok, default ini yang bakal dieksekusi. Mirip else di If-Else.

Struktur Kodenya Mirip Gini:

switch (ekspresi) {
  case nilai1:
    // Kode ini jalan kalo ekspresi === nilai1
    break;
  case nilai2:
    // Kode ini jalan kalo ekspresi === nilai2
    break;
  default:
    // Kode ini jalan kalo ekspresi tidak cocok dengan case manapun
    break; // break di default itu opsional kalo defaultnya di akhir
}

Contoh Nyata: Cek Hari dalam Seminggu

Kita mau kasih nama hari berdasarkan angka.

let hariAngka = 3;
let namaHari;

switch (hariAngka) {
  case 1:
    namaHari = "Minggu";
    break;
  case 2:
    namaHari = "Senin";
    break;
  case 3:
    namaHari = "Selasa";
    break;
  case 4:
    namaHari = "Rabu";
    break;
  case 5:
    namaHari = "Kamis";
    break;
  case 6:
    namaHari = "Jumat";
    break;
  case 7:
    namaHari = "Sabtu";
    break;
  default:
    namaHari = "Bukan hari yang valid";
    console.log("Angka hari yang kamu masukin salah, ngab!");
    break;
}

console.log(`Hari ini adalah: ${namaHari}`);
// Output: Hari ini adalah: Selasa

Pentingnya break;

Kalo kita lupa break; gimana?

let buah = "apel";

switch (buah) {
  case "apel":
    console.log("Ini buah apel.");
    // BREAK LUPA!
  case "jeruk":
    console.log("Ini buah jeruk.");
    break;
  default:
    console.log("Buah apa ini?");
}
// Output:
// Ini buah apel.
// Ini buah jeruk.
// Loh, kok apel tapi muncul jeruk juga? Ini efek fall-through!

Makanya, jangan sampe lupa break; ya gaes, kecuali emang vibes-nya pengen fall-through sengaja buat kondisi tertentu.

Kapan Pakai If-Else, Kapan Pakai Switch Case?

Ini dia nih pertanyaan yang sering muncul!

  • Pake if-else kalau:

    • Kondisinya melibatkan range angka (misal: nilai > 90 dan nilai <= 100).
    • Kondisinya kompleks dengan operator logika (&& atau ||).
    • Kamu ngecek beberapa variabel berbeda.
    • Cuma ada sedikit kondisi (misal: cuma if dan else saja).
  • Pake switch-case kalau:

    • Kamu ngecek satu variabel dengan banyak nilai diskrit yang mungkin.
    • Kodenya jadi lebih rapi dan mudah dibaca dibanding banyak else if yang panjang.
    • Setiap case punya aksi yang jelas dan berbeda.

Contoh if-else sederhana vs Operator Ternary

Buat kondisi If-Else yang super simpel dan cuma butuh satu baris output, kamu bisa pake ternary operator (? :). Ini bikin kode kamu makin clean dan concise.

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

// Setara dengan:
/*
if (umur >= 18) {
  status = "Dewasa";
} else {
  status = "Anak-anak";
}
*/

Mantul kan?

Kesimpulan: Bikin Logika Program Kamu Makin Jago!

Struktur kontrol If-Else dan Switch Case ini adalah tulang punggung dari semua program yang "pintar". Dengan nguasain keduanya, kamu bisa bikin aplikasi yang bisa ngasih respon berbeda di berbagai skenario, bikin user experience makin smooth, dan pastinya, bikin program kamu jadi lebih robust.

Jadi, jangan cuma hafal sintaksnya aja, tapi pahami juga kapan dan kenapa kamu harus pake If-Else atau Switch Case. Terus latihan, eksperimen, dan jangan takut salah. Praktek terus yang bikin kamu makin jago!

Skuy, gaspol terus ngodingnya biar makin cuan!


5.0

Berikan Rating

Komentar (0)

Silakan login untuk memberikan komentar.

Login Sekarang

Belum ada komentar. Jadilah yang pertama!

Menyukai Artikel (1)