Penggunaan Pernyataan IF pada JavaScript

Dalam tutorial ini, Anda akan mempelajari cara menggunakan pernyataan if dalam JavaScript untuk menjalankan sebuah blok kode ketika suatu kondisi terpenuhi.

Pendahuluan tentang Pernyataan if dalam JavaScript

Pernyataan if menjalankan blok kode jika suatu kondisi benar. Berikut adalah sintaks dari pernyataan if:

if (kondisi)
   pernyataan;

Kondisi dapat berupa nilai atau ekspresi. Umumnya, kondisi mengevaluasi menjadi nilai Boolean, yaitu true atau false.

Jika kondisi mengevaluasi menjadi true, pernyataan if akan menjalankan blok kode tersebut. Sebaliknya, jika kondisi false, kontrol akan berpindah ke pernyataan berikutnya.

Gambar alur berikut menjelaskan bagaimana pernyataan if bekerja:

[image]

Jika kondisi mengevaluasi menjadi nilai non-Boolean, JavaScript akan mengonversi hasilnya menjadi nilai Boolean dengan memanggil fungsi Boolean().

Jika Anda memiliki lebih dari satu pernyataan untuk dijalankan, Anda perlu memasukkannya ke dalam blok dengan menggunakan sepasang kurung kurawal seperti ini:

if (kondisi) {
  // pernyataan yang akan dijalankan
}

Namun, adalah praktik yang baik untuk selalu menggunakan kurung kurawal dengan pernyataan if. Dengan melakukannya, Anda membuat kode Anda lebih mudah dipelihara dan menghindari kemungkinan kesalahan.

Contoh Pernyataan if dalam JavaScript

Berikut adalah contoh penggunaan pernyataan if untuk memeriksa apakah usia setara atau lebih besar dari 18:

let usia = 18;
if (usia >= 18) {
  console.log('Anda dapat mendaftar');
}

Output:

Anda dapat mendaftar

Cara kerjanya:

Pertama, deklarasikan dan inisialisasikan variabel usia dengan nilai 18:

let usia = 18;

Kedua, periksa apakah usia lebih besar atau sama dengan 18 menggunakan pernyataan if. Karena ekspresi usia >= 18 benar, kode di dalam pernyataan if akan dijalankan dan mengeluarkan pesan ke konsol:

if (usia >= 18) {
  console.log('Anda dapat mendaftar');
}

Contoh berikut juga menggunakan pernyataan if, tetapi usianya 16 sehingga kondisi dinilai false. Oleh karena itu, Anda tidak akan melihat pesan apa pun pada output:

let usia = 16;
if (usia >= 18) {
  console.log('Anda dapat mendaftar');
}

Pernyataan if Bersarang

Anda dapat menggunakan pernyataan if di dalam pernyataan if lainnya. Contohnya:

let usia = 16;
let provinsi = 'CA';

if (provinsi == 'CA') {
  if (usia >= 16) {
    console.log('Anda dapat mengemudi.');
  }
}

Output:

Anda dapat mengemudi.

Cara kerjanya:

Pertama, deklarasikan dan inisialisasikan variabel usia dan provinsi:

let usia = 16;
let provinsi = 'CA';

Kedua, periksa apakah provinsi adalah ‘CA’ menggunakan pernyataan if. Jika ya, periksa apakah usia lebih besar dari 16 menggunakan pernyataan if bersarang dan keluarkan pesan ke konsol:

if (provinsi == 'CA') {
  if (usia == 16) {
    console.log('Anda dapat mengemudi.');
  }
}

Pada praktiknya, hindari menggunakan pernyataan if bersarang sebisa mungkin. Sebagai alternatif, Anda dapat menggunakan operator && untuk menggabungkan kondisi dan menggunakan pernyataan if seperti ini:

let usia = 16;
let provinsi = 'CA';

if (provinsi == 'CA' && usia == 16) {
  console.log('Anda dapat mengemudi.');
}

Ringkasan

Gunakan pernyataan if dalam JavaScript untuk menjalankan suatu pernyataan jika suatu kondisi terpenuhi. Hindari penggunaan pernyataan if bersarang sebisa mungkin.