Belajar JavaScript Dasar #15: Ternary Operator


👍 0 ❤️ 0 💡 0 🔥 0 🙌 0 🥳 0
Belajar JavaScript Dasar #15: Ternary Operator

Halo teman-teman semuanya, pada artikel kali ini kita akan belajar tentang Ternary Operator di JavaScript, yaitu salah satu cara cepat dan singkat untuk membuat percabangan sederhana di dalam kode kita.

Apa Itu Ternary Operator?

Ternary Operator adalah operator kondisional yang berbentuk satu baris, digunakan untuk menggantikan struktur if-else sederhana. Disebut "ternary" karena melibatkan tiga bagian: kondisi, hasil jika true, dan hasil jika false.

Format umumnya seperti ini:

kondisi ? ekspresiJikaBenar : ekspresiJikaSalah;

Contoh Tanpa Ternary Operator

Biasanya kalau ingin membuat percabangan, kita pakai if-else seperti ini:

let umur = 20;
let status;

if (umur >= 18) {
  status = "Dewasa";
} else {
  status = "Anak-anak";
}

console.log(status); // Output: Dewasa

Agak panjang, kan?

Contoh Dengan Ternary Operator

Dengan Ternary Operator, kita bisa menulisnya jauh lebih ringkas:

let umur = 20;
let status = umur >= 18 ? "Dewasa" : "Anak-anak";

console.log(status); // Output: Dewasa

Lebih singkat, tapi tetap jelas!

Cara Kerja Ternary Operator

  • Kondisi akan dicek terlebih dahulu.
  • Jika benar (true), ekspresi setelah tanda ? akan dieksekusi.
  • Jika salah (false), ekspresi setelah tanda : akan dieksekusi.

Contoh lain:

let nilai = 75;
let hasil = nilai >= 70 ? "Lulus" : "Tidak Lulus";

console.log(hasil); // Output: Lulus

Kalau nilai lebih besar atau sama dengan 70, maka hasilnya "Lulus", kalau tidak, "Tidak Lulus".

Ternary Operator Bertingkat (Nested)

Kita juga bisa membuat ternary operator bertingkat, meskipun perlu hati-hati agar kodenya tetap mudah dibaca:

let skor = 85;
let grade = skor >= 90 ? "A" :
             skor >= 80 ? "B" :
             skor >= 70 ? "C" : "D";

console.log(grade); // Output: B

Pada contoh di atas, pengecekan dilakukan berurutan sampai ketemu kondisi yang sesuai.

Kesimpulan

Ternary Operator di JavaScript adalah cara praktis untuk membuat percabangan sederhana dalam satu baris kode. Dengan ternary operator, kita bisa menulis kode lebih ringkas dan efisien.

Pada artikel berikutnya, kita semua akan belajar tentang Module (import & export) di dalam JavaScript.

Terima Kasih


Fika Ridaul Maulayya
Full-Stack Developer, Content Creator and CO-Founder SantriKoding.com

Suka dengan tulisan di SantriKoding? Kamu bisa memberikan dukungan dengan berdonasi atau bagikan konten ini di sosial media. Terima kasih atas dukungan Anda!

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami