Pada tutorial ini, Anda akan mempelajari cara menggunakan pernyataan if…else JavaScript untuk menjalankan blok berdasarkan kondisi tertentu.
Pengantar Pernyataan if…else pada JavaScript
Pernyataan if menjalankan blok jika suatu kondisi benar. Ketika kondisi salah, tidak ada yang dilakukan. Tetapi jika Anda ingin menjalankan suatu pernyataan jika kondisinya salah, Anda dapat menggunakan pernyataan if…else.
Berikut ini adalah sintaks dari pernyataan if…else:
if (kondisi) {
// ...
} else {
// ...
}
Dalam sintaks ini, kondisi adalah nilai atau ekspresi yang dievaluasi menjadi true atau false. Jika kondisinya benar, pernyataan if…else menjalankan blok yang mengikuti cabang if.
Jika kondisinya salah, pernyataan if…else menjalankan blok yang mengikuti cabang else.
Umumnya, kondisi dievaluasi menjadi nilai boolean, yang bernilai true atau false. Namun, jika dievaluasi menjadi nilai non-boolean, pernyataan if…else akan mengonversinya menjadi nilai boolean.
Diagram alur berikut mengilustrasikan bagaimana pernyataan if…else bekerja:
[image]
Contoh Pernyataan if…else Pada JavaScript
Berikut adalah contoh menggunakan pernyataan if…else untuk memeriksa apakah usia lebih besar atau sama dengan 18:
let usia = 18;
if (usia >= 18) {
console.log('Anda dapat mendaftar.');
} else {
console.log('Anda harus setidaknya berusia 18 tahun untuk mendaftar.');
}
Pada contoh ini, usianya adalah 18. Oleh karena itu, ekspresi usia >= 18 benar. Oleh karena itu, Anda akan melihat pesan berikut di konsol:
Anda dapat mendaftar.
Contoh berikutnya sama dengan sebelumnya kecuali usianya adalah 16:
let usia = 16;
if (usia >= 18) {
console.log('Anda dapat mendaftar.');
} else {
console.log('Anda harus setidaknya berusia 18 tahun untuk mendaftar.');
}
Output:
Anda harus setidaknya berusia 18 tahun untuk mendaftar.
Pada contoh ini, usianya adalah 16. Oleh karena itu, ekspresi usia >= 18 dievaluasi menjadi salah. Oleh karena itu, pernyataan di cabang else dieksekusi dan menghasilkan pesan ke konsol.
Contoh berikut menggunakan operator logika AND (&&) sebagai kondisi di blok if:
let usia = 16;
let negara = 'USA';
if (usia >= 16 && negara === 'USA') {
console.log('Anda dapat mendapatkan izin mengemudi.');
} else {
console.log('Anda tidak memenuhi syarat untuk mendapatkan izin mengemudi.');
}
Karena usianya adalah 16 dan negaranya adalah USA, ekspresi berikut mengembalikan true.
usia >= 16 && negara === 'USA'
Dan Anda akan melihat keluaran berikut:
Anda dapat mendapatkan izin mengemudi.
Ringkasan
Gunakan pernyataan if…else JavaScript untuk menjalankan blok jika suatu kondisi benar dan blok lainnya jika sebaliknya.