Pada tutorial sebelumnya, kita sudah mempelajari tentang Tutorial Belajar JavaScript Bagian 24 : Struktur Logika If di JavaScript. Dalam tutorial ini, kita akan mempelajari cara menggunakan pernyataan if…else untuk mengeksekusi blok berdasarkan suatu kondisi di JavaScript.
Pengantar pernyataan JavaScript if…else
Pernyataan if mengeksekusi blok jika suatu kondisi bernilai true. Ketika kondisinya bernilai false, maka struktur tidak akan melakukan apa-apa. Tetapi jika Anda ingin mengeksekusi pernyataan if yang kondisinya false, Anda dapat menggunakan pernyataan if…else.
Berikut ini adalah sintaks dari pernyataan if…else :
if( condition ) { // ... } else { // ... }
Dalam sintaks ini, kondisinya adalah nilai atau ekspresi yang dievaluasi menjadi true atau false. If kondisi true, pernyataan if…else mengeksekusi blok yang mengikuti cabang if.
If kondisi false, pernyataan if…else mengeksekusi blok yang mengikuti cabang else.
Biasanya, kondisi dievaluasi ke nilai boolean, yaitu true atau false. Namun, if mengevaluasi ke nilai non-boolean, pernyataan if…else akan mengubahnya menjadi nilai boolean.
Diagram alir berikut mengilustrasikan cara kerja pernyataan if…else :
JavaScript if else
Contoh pernyataan if…else JavaScript
Contoh berikut menggunakan pernyataan if…else untuk memeriksa apakah usia lebih dari atau sama dengan 18 :
let umur = 18; if (usia >= 18) { console.log('Anda dapat mendaftar.'); } else { console.log('Anda harus berusia minimal 18 tahun untuk mendaftar.'); }
Dalam contoh ini, umurnya adalah 18. Oleh karena itu, ungkapan umur >= 18 adalah true. Karenanya, Anda akan melihat pesan berikut di console :
Anda dapat mendaftar.
Contoh berikut sama seperti di atas kecuali usianya 18 bukannya 16 :
let usia = 16; if (usia >= 18) { console.log('Anda dapat mendaftar.'); } else { console.log('Anda harus berusia minimal 18 tahun untuk mendaftar.'); }
Hasil:
Anda harus berusia minimal 18 tahun untuk mendaftar.
Dalam contoh ini, usianya adalah 16. Oleh karena itu, ekspresi usia >= 18 bernilai false. Karenanya, pernyataan di cabang else mengeksekusi yang mengeluarkan pesan ke console.
Contoh berikut menggunakan operator logika AND (&&) sebagai kondisi di blok if :
let usia = 16; let negara = 'AS'; if (usia >= 16 && negara === 'USA') { console.log('Anda bisa mendapatkan SIM.'); } else { console.log('Anda tidak memenuhi syarat untuk mendapatkan SIM.'); }
Karena usianya adalah 16 tahun dan negaranya adalah Amerika Serikat, ekspresi berikut mengembalikan nilai true.
usia >= 16 && negara === 'AS'
Dan Anda melihat hasilnya sebagai berikut :
Anda bisa mendapatkan SIM.
Kesimpulan
Gunakan pernyataan JavaScript if…else untuk mengeksekusi blok if suatu kondisi true dan blok lain sebaliknya.
0 Komentar