DEV Community

fikriqx
fikriqx

Posted on

Tenary Operator Bikin Ngoding Jadi Singkat dan Cepat

Tenary operator itu cara singkat untuk nulis if-else di javascript. tinggal pakai tanda tanya ? sama tanda titik dua :

Sintaks Dasar

condition ? expressionIfTrue : expressionIfFalse;
Enter fullscreen mode Exit fullscreen mode

Cara Kerja

  1. condition dievaluasi terlebih dahulu.
  2. Jika condition benar (true), maka expressionIfTrue dieksekusi.
  3. Jika condition salah (false), maka expressionIfFalse dieksekusi.

Contok Praktis

Misal nih kita pingin tentuin apakah seseorang sudah cukup umur untuk ikut voting pemilu atau enggal berdasarkan umur age

let age = 18;
let canVote = age >= 18 ? "Boleh voting" : "Tidak boleh voting";

console.log(canVote); // Output: Boleh voting
Enter fullscreen mode Exit fullscreen mode

noh di age >= 18 di cek kalau misal nilai age lebih besar dari atau sama dengan 18 (>=) maka Bolehh voting kalau enggak sesuai Tidak boleh voting

Contoh lain
Misal kita mau tampilin nilai A,B,C,D,E,F berdasarkan nilai skor.

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

console.log(grade); // Output: B
Enter fullscreen mode Exit fullscreen mode

yep, bener banget ini bisa kita pakai sampe sepuasnya enggak cuman satu kali aja. intinya mah sama kayak if-else cuman lebih singkat aja.

Untung-nya Pakai Tenary Operator

  • Ringkas banget: jadi hemat kode, rapih, dan pendek.
  • Gampang di baca: dibaca lebih gampang.

Kapan Baiknya Pakai Tenary Operator Bang 🤔 ?
saran ku pakai kalau misal kondisinya sederhana aja. Misal kek yg di contoh itu kan cuman sederhana aja kondisinya. Misal kurang dari ini ooh return nya ini dsb... gk terlalu njlimet. Tapi kalo misal kompleks saranku tetep pakai if-else.

Top comments (0)