Kondisional JS (if/else, switch)

Kondisional JS (if/else, switch) | Belajar JavaScript Dasar: Menghidupkan Web | Mahir.dev | Mahir.dev Academy

if (kondisi) {
    // Blok kode yang dijalanin kalau 'kondisi' itu true
}

javascript

let umur = 20;
if (umur >= 18) {
    console.log("Anda sudah dewasa.");
}
 
let cuacaCerah = true;
if (cuacaCerah) {
    console.log("Waktunya pergi ke pantai!");
}
 
let nilaiUjian = 85;
if (nilaiUjian > 70) {
    console.log("Selamat, Anda lulus!");
}

javascript

let saldo = 5000;
let hargaBarang = 7000;
 
if (saldo >= hargaBarang) {
    console.log("Pembayaran berhasil!");
} else {
    console.log("Maaf, saldo Anda tidak cukup."); // Ini yang bakal jalan
}
 
let kataSandi = "rahasia123";
if (kataSandi.length >= 8) {
    console.log("Kata sandi cukup panjang.");
} else {
    console.log("Kata sandi terlalu pendek, minimal 8 karakter.");
}

Sintaks Dasar if...else if...else:
javascript
```
if (kondisi1) {
    // Blok kode kalau kondisi1 true
} else if (kondisi2) {
    // Blok kode kalau kondisi1 false, TAPI kondisi2 true
} else if (kondisi3) {
    // Blok kode kalau kondisi1 dan kondisi2 false, TAPI kondisi3 true
} else {
    // Blok kode kalau SEMUA kondisi di atas false
}
```
- JavaScript bakal ngecek kondisi dari atas ke bawah. Begitu ada satu kondisi if atau else if yang true, blok kodenya dijalanin, dan sisanya (blok else if atau else di bawahnya) bakal diabaikan.
- Blok else di paling akhir itu opsional. Dia bakal jalan kalau gak ada satupun kondisi if atau else if yang terpenuhi.

javascript

let nilai = 75;
let grade;
 
if (nilai >= 90) {
    grade = "A";
} else if (nilai >= 80) {
    grade = "B";
} else if (nilai >= 70) {
    grade = "C"; // Ini yang bakal jalan, karena 75 >= 70
} else if (nilai >= 60) {
    grade = "D";
} else {
    grade = "E";
}
console.log("Grade Anda:", grade); // Output: Grade Anda: C
 
let hari = "Selasa";
if (hari === "Sabtu" || hari === "Minggu") {
    console.log("Hari libur, yeay!");
} else if (hari === "Jumat") {
    console.log("Hampir weekend!");
} else {
    console.log("Masih hari kerja, semangat!"); // Ini yang bakal jalan
}

javascript

let namaPengguna = ""; // String kosong (falsy)
if (namaPengguna) {
    console.log("Nama pengguna ada:", namaPengguna);
} else {
    console.log("Nama pengguna belum diisi."); // Ini yang bakal jalan
}
 
let jumlahItem = 0; // Angka nol (falsy)
if (jumlahItem) {
    console.log("Ada item di keranjang.");
} else {
    console.log("Keranjang masih kosong."); // Ini yang bakal jalan
}
 
let daftarBelanja = []; // Array kosong (TRUTHY!)
if (daftarBelanja) { // Ini bakal true karena array kosong itu truthy
    console.log("Objek array daftarBelanja ada."); 
}
// Kalau mau ngecek array kosong beneran, pake daftarBelanja.length === 0

Sintaks Dasar switch:
javascript
```
switch (ekspresi) {
    case nilai1:
        // Blok kode kalau ekspresi === nilai1
        break; // PENTING! Jangan lupa break
    case nilai2:
        // Blok kode kalau ekspresi === nilai2
        break;
    // ... case lain ...
    default:
        // Blok kode kalau gak ada case yang cocok (opsional)
}
```
- ekspresi: Nilai atau variabel yang mau dicek.
- case nilaiX: Ngebandingin ekspresi sama nilaiX pake perbandingan strict equality (===).
- break: Kalau satu case cocok dan kodenya dijalanin, break ini penting buat keluar dari blok switch. Kalau gak ada break, JavaScript bakal "jatuh" (fall-through) dan ngejalanin kode di case berikutnya juga, meskipun gak cocok! Ini sering jadi sumber bug.
- default: Mirip else di if. Blok ini bakal dijalanin kalau gak ada case lain yang cocok. default ini opsional dan gak perlu break kalau dia ditaruh paling akhir.

javascript

let kodeHari = new Date().getDay(); // Ngasih angka 0 (Minggu) - 6 (Sabtu)
let namaHariIni;
 
switch (kodeHari) {
    case 0:
        namaHariIni = "Minggu";
        break;
    case 1:
        namaHariIni = "Senin";
        break;
    case 2:
        namaHariIni = "Selasa";
        break;
    case 3:
        namaHariIni = "Rabu";
        break;
    case 4:
        namaHariIni = "Kamis";
        break;
    case 5:
        namaHariIni = "Jumat";
        break;
    case 6:
        namaHariIni = "Sabtu";
        break;
    default:
        namaHariIni = "Hari tidak dikenal"; // Seharusnya gak pernah kejadian
}
console.log("Hari ini adalah:", namaHariIni);
 
// Contoh fall-through (hati-hati!)
let tipeKendaraan = "mobil";
switch (tipeKendaraan) {
    case "motor":
    case "sepeda":
        console.log("Kendaraan roda dua.");
        break; // Kalau gak ada break di case "motor", outputnya bakal ini juga buat "motor"
    case "mobil":
        console.log("Kendaraan roda empat.");
        break;
    default:
        console.log("Tipe kendaraan lain.");
}
// Output: Kendaraan roda empat.

JavaScript Jadi "Hakim": Bikin Keputusan Pake `if`, `else`, dan `switch`!

1. Pernyataan `if`: Kalau Kondisinya Benar, Lakuin Ini!

2. Pernyataan `else`: Kalau Kondisi `if` Salah, Lakuin yang Ini!

3. Pernyataan `else if`: Kalau Ada Banyak Kondisi yang Mau Dicek

Truthy dan Falsy Values: Gak Cuma `true` dan `false`

4. Pernyataan `switch`: Alternatif buat Banyak `else if`

Kuis Kondisional JavaScript (if/else, switch)

Diskusi Pelajaran

Kondisional JS (if/else, switch)

JavaScript Jadi "Hakim": Bikin Keputusan Pake if, else, dan switch!

1. Pernyataan if: Kalau Kondisinya Benar, Lakuin Ini!

2. Pernyataan else: Kalau Kondisi if Salah, Lakuin yang Ini!

3. Pernyataan else if: Kalau Ada Banyak Kondisi yang Mau Dicek

Truthy dan Falsy Values: Gak Cuma true dan false

4. Pernyataan switch: Alternatif buat Banyak else if

Kuis Kondisional JavaScript (if/else, switch)

Diskusi Pelajaran

JavaScript Jadi "Hakim": Bikin Keputusan Pake `if`, `else`, dan `switch`!

1. Pernyataan `if`: Kalau Kondisinya Benar, Lakuin Ini!

2. Pernyataan `else`: Kalau Kondisi `if` Salah, Lakuin yang Ini!

3. Pernyataan `else if`: Kalau Ada Banyak Kondisi yang Mau Dicek

Truthy dan Falsy Values: Gak Cuma `true` dan `false`

4. Pernyataan `switch`: Alternatif buat Banyak `else if`