JavaScript : Statement If…Else

JavaScript Conditional Statement

Seperti kebanyakan bahasa pemrograman lain, JavaScript juga memungkinkan kalian untuk menulis kode yang melakukan aksi yang berbeda berdasarkan hasil dari kondisi pengujian logis atau komparatif pada saat itu juga. Ini berarti, kalian dapat membuat kondisi pengujian dalam bentuk ekspresi yang mengevaluasi true atau false dan berdasarkan hasil ini kalian dapat melakukan aksi tertentu.

Ada beberapa pernyataan bersyarat dalam JavaScript yang dapat kalian gunakan, yaitu:

  • If statement
  • If…else statement
  • If…else if….else statement
  • Switch…case statement
If Statement

Pernyataan if digunakan untuk mengeksekusi blok kode hanya jika kondisi yang ditentukan bernilai true. Ini adalah pernyataan bersyarat JavaScript yang paling sederhana dan dapat ditulis seperti berikut:

if(condition) {
    // Code to be executed
}

Contoh berikut akan menampilkan “Semoga akhir pekan kalian menyenangkan!” jika hari ini adalah hari Jumat:

var now = new Date();
var dayOfWeek = now.getDay(); // Minggu - Sabtu : 0 - 6

if(dayOfWeek == 5) {
    alert("Semoga akhir pekan kalian menyenangkan!");
}
If...else Statement

Kalian dapat meningkatkan kemampuan pengambilan keputusan dari program JavaScript kalian dengan memberikan pilihan alternatif dengan menambahkan pernyataan lain ke pernyataan if.

Pernyataan if … else memungkinkan kalian untuk mengeksekusi satu blok kode jika kondisi yang ditentukan dievaluasi menjadi true dan blok kode lain jika itu dievaluasi false. Dapat ditulis, seperti ini:

if(condition) {
    // Code to be executed if condition is true
} else {
    // Code to be executed if condition is false
}

Kode JavaScript dalam contoh berikut akan menampilkan “Selamat berakhir pekan yang menyenangkan!” jika hari ini adalah hari Jumat, jika tidak maka akan menghasilkan teks “Semoga harimu menyenangkan!”.

var now = new Date();
var dayOfWeek = now.getDay(); // Minggu - Sabtu : 0 - 6

if(dayOfWeek == 5) {
    alert("Selamat berakhir pekan yang menyenangkan");
} else {
    alert("Semoga harimu menyenangkan");
}
If...else if...else Statement

Pernyataan if…else if…else merupakan pernyataan khusus yang digunakan untuk menggabungkan beberapa pernyataan if…else.

if(condition1) {
    // Code to be executed if condition1 is true
} else if(condition2) {
    // Code to be executed if the condition1 is false and condition2 is true
} else {
    // Code to be executed if both condition1 and condition2 are false
}

Contoh berikut akan menampilkan “Semoga akhir pekan kalian menyenangkan!” jika hari ini adalah hari Jumat, dan “Semoga hari Minggumu menyenangkan!” jika hari ini adalah hari Minggu, jika tidak maka akan menghasilkan “Semoga harimu menyenangkan!”

var now = new Date();
var dayOfWeek = now.getDay(); // Minggu - Sabtu : 0 - 6

if(dayOfWeek == 5) {
    alert("Semoga akhir pekan kalian menyenangkan!");
} else if(dayOfWeek == 0) {
    alert("Semoga hari Minggumu menyenangkan!");
} else {
    alert("Semoga harimu menyenangkan!");
}
Operator Ternary

Operator ternary menyediakan cara singkat menulis pernyataan if…else. Operator ternary diwakili oleh simbol tanda tanya (?) Dan dibutuhkan tiga operandi, yaitu: kondisi untuk memeriksa, hasil untuk ture, dan hasil untuk false. Sintaks dasarnya adalah:

var result = (condition) ? value1 : value2

Jika kondisi dievaluasi true, value1 akan dikembalikan, jika tidak value2 akan dikembalikan. Untuk memahami cara kerja operator ini, perhatikan contoh berikut:

var userType;
var age = 21;
if(age < 18) {
    userType = 'Child';
} else {
    userType = 'Adult';
}
alert(userType); // Displays Adult

Dengan menggunakan operator tenary, kode yang sama dapat ditulis dengan cara yang lebih ringkas:

var age = 21;
var userType = age < 18 ? 'Child' : 'Adult';
alert(userType); // Displays Adult

Seperti yang kalian lihat pada contoh di atas, karena kondisi yang ditentukan dievaluasi menjadi false, nilai di sisi kanan titik dua (:) dikembalikan, yang merupakan string ‘adult’.