Tutorial Belajar JavaScript Bagian 27 : Cara Menggunakan Operator Ternary di JavaScript

0
780

Pada tutorial sebelumnya, kita sudah mempelajari tentang Tutorial Belajar JavaScript Bagian 26 : Struktur Logika If Else If di JavaScript.

Dalam tutorial ini, Anda akan mempelajari cara menggunakan operator ternary JavaScript untuk membuat kode Anda lebih ringkas.

Pengantar operator ternary JavaScript

Saat Anda ingin mengeksekusi sebuah blok jika suatu kondisi bernilai true, Anda sering menggunakan pernyataan if…else. Sebagai contoh :

let umur = 18;
let pesan;

if (umur >= 16) {

   pesan = 'Anda bisa mengemudi.';

} else if {

   pesan = 'Anda tidak bisa mengemudi.';

}

console.log(pesan);

Dalam contoh ini, kita menampilkan pesan bahwa seseorang dapat mengemudi jika usianya lebih dari atau sama dengan 16 tahun. Sebagai alternatif, Anda dapat menggunakan operator ternary daripada pernyataan if-else seperti ini :

let umur = 18;
let pesan;
umur >= 16 ? (pesan = 'Anda dapat mengemudi.') : (pesan = 'Anda tidak dapat mengemudi.');

console.log(pesan);

Atau Anda dapat menggunakan operator ternary dalam ekspresi sebagai berikut :

let umur = 18;
let pesan;
pesan = umur >= 16 ? 'Anda bisa mengemudi.' : 'Anda tidak dapat mengemudi.';

console.log(pesan);

Berikut sintaks dari operator ternary :

condition ? expressionIfTrue : expressionIfFalse;

Dalam sintaks ini, kondisinya adalah ekspresi yang mengevaluasi nilai Boolean, baik true atau false.

Jika kondisi true, ekspresi pertama (expresionIfTrue) dijalankan. Jika false, ekspresi kedua (expressionIfFalse) dijalankan.

Berikut ini menunjukkan sintaks operator ternary yang digunakan dalam ekspresi :

let variableName = condition ? expressionIfTrue : expressionIfFalse;

Dalam sintaks ini, jika kondisinya true, variableName akan mengambil hasil dari ekspresi pertama (expressionIfTrue) atau expressionIfFalse sebaliknya.

Contoh operator ternary JavaScript

Mari kita ambil beberapa contoh penggunaan operator ternary.

1. Menggunakan operator ternary JavaScript untuk melakukan banyak pernyataan

Contoh berikut menggunakan operator ternary untuk melakukan beberapa operasi, dimana setiap operasi dipisahkan dengan koma. Sebagai contoh :

let authenticated = true;
let nextURL = authenticated
   ? (alert('Anda akan dialihkan ke area admin'), '/admin')
   : (alert('Akses ditolak'), '/403');

// alihkan ke nextURL di sini

console.log(nextURL); // '/ admin'

Dalam contoh ini, nilai yang dikembalikan dari operator ternary adalah nilai terakhir dalam daftar yang dipisahkan koma.

2. Menyederhanakan contoh operator ternary

Lihat contoh berikut :

let locked = 1;
let canChange = locked != 1 ? true : false;

Jika locked adalah 1, maka variabel canChange disetel menjadi false, jika tidak, disetel ke true. Dalam hal ini, Anda dapat menyederhanakannya dengan menggunakan ekspresi Boolean sebagai berikut :

let locked = 1;
let canChange = locked != 1;

3. Menggunakan beberapa contoh operator ternary JavaScript

Contoh berikut menunjukkan cara menggunakan dua operator ternary dalam ekspresi yang sama :

let kecepatan = 90;
let pesan = kecepatan >= 120 ? 'Terlalu Cepat' : kecepatan >= 80 ? 'Cepat' : 'Oke';

console.log(pesan);

Hasil :

Cepat

Merupakan praktik yang baik untuk menggunakan operator ternary saat membuat kode lebih mudah dibaca. Jika logika berisi banyak pernyataan if…else, Anda harus menghindari penggunaan operator ternary.

Kesimpulan

Gunakan operator ternary JavaScript (?:) untuk membuat kode lebih ringkas.

Demikianlah penjelasan cara menggunakan operator ternary di JavaScript untuk mempersingkat penulisan struktur logika if dalam pemrograman.

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.