Dasar-Dasar JavaScript : Operator Terner

Mar 23 2023
Apa itu operator ternary? Operator ternary digunakan untuk memeriksa kondisi dalam kode Anda alih-alih menggunakan pernyataan if…else. Itu juga disebut operator kondisional dan membuat kode jauh lebih pendek dan lebih mudah dibaca (sebagian besar waktu).
Foto oleh Tsvetoslav Hristov di Unsplash

Apa itu operator ternary?

Operator ternary digunakan untuk memeriksa kondisi dalam kode Anda alih-alih menggunakan pernyataan if…else. Itu juga disebut operator kondisional dan membuat kode jauh lebih pendek dan lebih mudah dibaca (sebagian besar waktu).

Sintaksis

Mari kita lihat sintaks operator ternary:

condition ? trueExpression : falseExpression

condition - kondisi yang Anda evaluasi. Misalnya: Apakah usia> 5.

trueExpression: ini adalah apa yang harus terjadi conditionjikatrue.

falseExpression: ini adalah apa yang harus terjadi conditionjikafalse.

Contoh

Di bawah ini adalah contoh penggunaan pernyataan if…else yang memeriksa apakah mobil harus bergerak berdasarkan warna lampu lalu lintas.

let color = ‘red’; // color of the traffic light
let carMovement;

if (color === 'red') {
  carMovement = 'stop';
} else {
  carMovement = 'go';
}

console.log(carMovement); //stop

let color = 'red'; // color of the traffic light
let carMovement = color === red ? 'stop' : 'go';

console.log(carMovement); //stop

Anda juga dapat membuat sarang atau merantai satu operator ternary sebagai ekspresi di dalam operator ternary lainnya. Di bawah ini adalah contoh untuk memeriksa apakah suatu angka positif, negatif, atau nol:

let num = 2;
let result = num >= 0 ? num === 0 ? 'zero' : 'positive' : 'negative';

console.log(result); //positive

let num = 2;
let result = (num >= 0) ? (num === 0 ? "zero" : "positive") : "negative";

console.log(result); //positive

Kapan Anda harus menggunakan operator ternary?

Seperti contoh di atas yang disorot, operator ternary dapat membuat kode lebih pendek tetapi ketika menggunakan operator ternary bersarang kompleks, mereka cenderung membuat kode kurang mudah dibaca dan lebih membingungkan.

Aturan praktisnya adalah berpikir jika orang lain dalam 2 tahun ke depan akan dapat membaca dan memahami kode Anda dengan mudah. Jika jawabannya tidak — gunakan pernyataan if…else sebagai gantinya.

Tip: Jika menggunakan ESlint, itu melarang penggunaan operator ternary bersarang sama sekali!

Kesimpulan

Operator ternary bersinar hanya ketika mereka membuat kode lebih mudah dibaca, dipahami, dan dipelihara. Mereka bukan hanya tentang membuat kode lebih pendek jadi gunakan secara efektif.