BAB 3: Menguasai Struktur Program dan Kontrol Alur di JavaScript

Di bab ini, kamu akan belajar tentang struktur program dan kontrol alur di JavaScript. Ini adalah kunci supaya kode kamu bisa mengambil keputusan dan melakukan tugas berulang secara otomatis. Yuk, kita mulai dengan analogi sederhana!

Statement dan Expression

Statement itu seperti instruksi yang kamu berikan ke komputer, misal “print pesan” atau “hitung angka”. Expression adalah bagian dari kode yang menghasilkan nilai, misal 2 + 3 atau "Halo" + "Dunia".

Contoh:

let hasil = 2 + 3; // Expression menghasilkan nilai 5
console.log(hasil); // Statement menampilkan hasil

Output:

5

Struktur Program Dasar

Kode dieksekusi dari atas ke bawah, satu baris demi satu baris. Urutan ini penting supaya program berjalan sesuai rencana.

let nama = "Budi";
console.log("Halo, " + nama);

Output:

Halo, Budi

Conditional: if, else, switch

Conditional itu seperti memilih jalur di persimpangan. Kamu bisa suruh program ambil keputusan berdasarkan kondisi tertentu.

let nilai = 80;
if (nilai >= 75) {
  console.log("Selamat, kamu lulus!");
} else {
  console.log("Maaf, kamu belum lulus.");
}

Output:

Selamat, kamu lulus!

Contoh lain dengan switch:

let hari = "Senin";
switch (hari) {
  case "Senin":
    console.log("Hari pertama kerja");
    break;
  case "Jumat":
    console.log("Akhir pekan hampir tiba");
    break;
  default:
    console.log("Hari biasa");
}

Output:

Hari pertama kerja

Loop: while, for

Loop itu seperti mengulang tugas harian, misal menyapu lantai setiap pagi. Di JavaScript, ada beberapa jenis loop.

Contoh for loop:

for (let i = 1; i <= 5; i++) {
  console.log("Angka ke-" + i);
}

Output:

Angka ke-1
Angka ke-2
Angka ke-3
Angka ke-4
Angka ke-5

Contoh while loop:

let count = 1;
while (count <= 3) {
  console.log("Hitung: " + count);
  count++;
}

Output:

Hitung: 1
Hitung: 2
Hitung: 3

Block dan Scope

Block adalah area kerja di dalam kurung kurawal {}. Scope adalah ruang lingkup variable—di mana variable bisa diakses.

if (true) {
  let pesan = "Hello!";
  console.log(pesan); // Bisa diakses di dalam block
}
// console.log(pesan); // Error: pesan tidak bisa diakses di luar block

Output:

Hello!

Penjelasan: Variable pesan hanya bisa dipakai di dalam block tempat dia dibuat.

Latihan Mandiri

1. Buat program yang print angka 1-5 dan cek genap/ganjil:

for (let i = 1; i <= 5; i++) {
  if (i % 2 === 0) {
    console.log(i + " adalah genap");
  } else {
    console.log(i + " adalah ganjil");
  }
}

Output:

1 adalah ganjil
2 adalah genap
3 adalah ganjil
4 adalah genap
5 adalah ganjil

2. Buat program yang minta nilai dan print “Lulus” atau “Belum Lulus”:

let nilai = 70;
if (nilai >= 75) {
  console.log("Lulus");
} else {
  console.log("Belum Lulus");
}

Output:

Belum Lulus

Error Umum dan Cara Mengatasinya

Kadang kamu lupa kurung kurawal atau salah indentasi. Contoh error:

if (true)
  let pesan = "Hai";
console.log(pesan);

Output:

Uncaught SyntaxError: Unexpected identifier

Solusi: Selalu pakai kurung kurawal {} untuk block dan cek penulisan kode.

Penutup & Review

Di bab ini, kamu sudah:

• Memahami struktur program dan urutan eksekusi
• Menggunakan conditional (if, else, switch)
• Membuat loop (for, while) untuk tugas berulang
• Mengenal block dan scope variable
• Menghadapi error umum dan cara fix-nya

Setelah menguasai struktur program, selanjutnya kita akan belajar tentang function—cara membuat kode yang bisa dipakai berulang kali. Siap lanjut ke bab berikutnya?