Jago JavaScript #12: Ternary Operator (Cara Cepat Ambil Keputusan!)

Ternary Operator adalah cara singkat untuk menuliskan logika if-else. Dinamakan "Ternary" karena ia adalah satu-satunya operator di JavaScript yang butuh tiga bagian: Kondisi, Hasil kalau Benar, dan Hasil kalau Salah.

🧩 Apa yang Akan Dipelajari

• Memahami struktur penulisan ? dan :.
• Mengubah blok if-else yang panjang jadi satu baris.
• Menggunakan Ternary di dalam Template Literals.
• Menghindari kesalahan "Nested Ternary" (Ternary bertingkat) yang bikin pusing.

⚙️ Persiapan

• Buka Console browser (F12).
• Ingat kembali materi Operator Perbandingan (>, <, ===) karena ini adalah penentu kondisinya.

🚀 Langkah-Langkah

1. Struktur Dasar

Ternary operator punya rumus sakti: kondisi ? nilai_jika_true : nilai_jika_false

Mari kita bandingkan:

let nilai = 80;

// Gaya Lama (if-else):
let status;
if (nilai >= 75) {
    status = "Lulus";
} else {
    status = "Remedial";
}

// Gaya Baru (Ternary):
let statusBaru = (nilai >= 75) ? "Lulus" : "Remedial";

console.log(statusBaru); // Hasil: Lulus

2. Dipakai Langsung di console.log

Hebatnya Ternary, kamu gak harus bikin variabel dulu. Bisa langsung "ditembak" di dalam fungsi.

let jam = 20;
console.log(jam < 18 ? "Selamat Siang" : "Selamat Malam");

3. Duet Maut dengan Template Literals

Ini adalah penggunaan yang paling sering kamu temui di real project. Memasukkan logika di dalam teks.

let stok = 0;
const pesan = `Barang ini sedang ${stok > 0 ? "Tersedia" : "Habis"}.`;

console.log(pesan); // Hasil: Barang ini sedang Habis.

4. Menjalankan Fungsi dengan Ternary

Kamu juga bisa milih fungsi mana yang mau jalan lewat satu baris ini.

function gasPol() { console.log("Ngebut!"); }
function ngerem() { console.log("Berhenti."); }

let lampuHijau = true;
lampuHijau ? gasPol() : ngerem();

💡 Tips Tambahan

• Gunakan untuk Logika Simpel: Kalau kondisinya cuma satu (Benar/Salah), Ternary itu juara. Tapi kalau kondisinya ada 5, balik lagi ke if-else atau switch biar gak pusing bacanya.
• Tanda Kurung: Memberikan tanda kurung pada bagian kondisi (nilai > 10) sangat disarankan agar kode lebih enak dipandang (meskipun gak wajib).

❗ Troubleshooting

Masalah: Muncul error Uncaught SyntaxError saat pakai Ternary bertingkat. Solusi: Ternary bertingkat (Ternary di dalam Ternary) sangat rawan salah tulis titik dua (:) dan bikin kode susah dibaca (clean code nightmare). Kalau logika kamu sudah rumit, jangan dipaksa pakai Ternary ya, Kay!

🎯 Kesimpulan

Ternary Operator adalah senjata rahasia buat kamu yang suka kode ringkas dan elegan. Ingat rumusnya: Tanya? Benar : Salah. Dengan ini, urusan pengambilan keputusan sederhana jadi jauh lebih efisien.