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