Conditional & Decision Making

Setelah kita belajar cara membandingkan nilai di section sebelumnya, sekarang kita akan belajar bagaimana menggunakan hasil perbandingan tersebut untuk menentukan arah jalannya program. Dalam pemrograman, ini disebut Control Flow. Tanpa conditional, kode kita akan selalu berjalan lurus dari atas ke bawah. Dengan conditional, kode kita bisa "berbelok" atau melompati bagian tertentu berdasarkan situasi yang terjadi.

Konsep Conditional: If, Else If, dan Else

Struktur if adalah cara paling dasar untuk membuat keputusan. Bayangkan seperti sebuah gerbang: jika syaratnya terpenuhi (true), Anda boleh masuk dan menjalankan perintah di dalamnya. Jika tidak (false), gerbang akan tertutup.

let nilai = 75;

if (nilai >= 70) {
  console.log("Selamat, Anda lulus!");
} else {
  console.log("Maaf, silakan coba lagi tahun depan.");
}

Alur Eksekusi:

JavaScript mengevaluasi kondisi di dalam kurung: 75 >= 70. Hasilnya adalah true.
Karena true, blok kode di dalam kurung kurawal {} pertama dijalankan.
Bagian else diabaikan sepenuhnya.

Jika Anda memiliki lebih dari dua kemungkinan, kita bisa menggunakan else if.

let jam = 14;

if (jam < 12) {
  console.log("Selamat Pagi");
} else if (jam < 18) {
  console.log("Selamat Siang");
} else {
  console.log("Selamat Malam");
}

Kenapa hasilnya "Selamat Siang"? JavaScript mengecek dari atas. 14 < 12 adalah false, maka ia lanjut ke else if. Karena 14 < 18 adalah true, maka pesan "Selamat Siang" dicetak. Setelah satu kondisi terpenuhi, JavaScript akan keluar dari seluruh rangkaian if-else tersebut dan tidak akan mengecek kondisi di bawahnya lagi.

Ternary Operator

Untuk keputusan sederhana yang hanya memiliki dua pilihan, kita bisa menggunakan cara singkat bernama Ternary Operator. Ini sering digunakan untuk menentukan nilai sebuah variabel secara cepat.

Sintaksnya adalah: kondisi ? hasil_jika_true : hasil_jika_false.

let usia = 18;
let statusPenyewa = usia >= 17 ? "Boleh menyewa motor" : "Belum cukup umur";

console.log(statusPenyewa);

Kesalahan Umum: Pemula sering mencoba memasukkan logika yang sangat kompleks ke dalam ternary operator. Jika logikanya sudah melibatkan banyak else if, gunakanlah if-else biasa agar kode tetap mudah dibaca oleh manusia.

Switch Case

Jika Anda memiliki satu variabel yang ingin dibandingkan dengan banyak nilai spesifik (seperti menu pilihan atau nama hari), switch adalah pilihan yang lebih rapi daripada menumpuk banyak else if.

let hari = "Senin";

switch (hari) {
  case "Senin":
    console.log("Waktunya bekerja!");
    break;
  case "Sabtu":
  case "Minggu":
    console.log("Waktunya libur!");
    break;
  default:
    console.log("Hari biasa.");
}

Pentingnya break: Tanpa kata kunci break, JavaScript akan terus menjalankan kode ke baris bawahnya meskipun kondisinya sudah tidak cocok (kejadian ini disebut fall-through). Perhatikan pada "Sabtu" dan "Minggu"; karena tidak ada break di antara keduanya, mereka akan menjalankan perintah yang sama.

Nested Conditional (Kondisi Bersarang)

Kadang, sebuah keputusan bergantung pada keputusan lainnya. Ini disebut nesting.

let username = "admin";
let password = "123";

if (username === "admin") {
  if (password === "123") {
    console.log("Login Berhasil!");
  } else {
    console.log("Password Salah!");
  }
} else {
  console.log("User tidak ditemukan!");
}

Studi Kasus: Sistem Penilaian Mari kita gabungkan operator logika dari Section 3 dengan conditional.

let nilaiUjian = 85;
let kehadiran = 90;

if (nilaiUjian >= 80 && kehadiran >= 80) {
  console.log("Predikat: A");
} else if (nilaiUjian >= 60 || kehadiran >= 70) {
  console.log("Predikat: B");
} else {
  console.log("Predikat: C");
}

Prediksi Output: Apa yang terjadi jika nilaiUjian adalah 50 dan kehadiran adalah 85?

Kondisi pertama (50 >= 80 && 85 >= 80) menghasilkan false.
Kondisi kedua (50 >= 60 || 85 >= 70) menghasilkan true (karena salah satu benar).
Hasil akhirnya adalah "Predikat: B".

Tutorials

Conditional & Decision Making

Konsep Conditional: If, Else If, dan Else

Ternary Operator

Switch Case

Nested Conditional (Kondisi Bersarang)