Belajar JavaScript Dasar #5: Control FLow (if, switch, loop)

• Apa Itu Control Flow?
• 1. Percabangan (Conditional Statements)
  • If Statement
  • If-Else Statement
  • If-Else If-Else Statement
• 2. Switch Statement
• 3. Perulangan (Loops)
  • For Loop
  • While Loop
  • Do-While Loop
  • 4. Break dan Continue
• Kesimpulan

Halo teman-teman semuanya, kita lanjutkan lagi seri Belajar JavaScript Dasar. Di artikel kelima ini, kita akan membahas tentang Control Flow atau alur kendali program di JavaScript.

Apa Itu Control Flow?

Control Flow adalah cara kita menentukan jalannya eksekusi program berdasarkan kondisi tertentu atau mengulangi aksi tertentu beberapa kali. Di JavaScript, control flow utama meliputi:

• Percabangan: if, if-else, if-else if, switch
• Perulangan (Loop): for, while, do-while

1. Percabangan (Conditional Statements)

• If Statement

  Digunakan untuk mengeksekusi kode jika suatu kondisi bernilai true.

  let umur = 20;
  
  if (umur >= 18) {
    console.log("Kamu sudah dewasa.");
  }
  

• If-Else Statement

  Jika kondisi if tidak terpenuhi, maka kode di dalam else akan dijalankan.

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

• If-Else If-Else Statement

  Digunakan untuk mengecek beberapa kondisi secara berurutan.

  let skor = 85;
  
  if (skor >= 90) {
    console.log("Nilai A");
  } else if (skor >= 80) {
    console.log("Nilai B");
  } else if (skor >= 70) {
    console.log("Nilai C");
  } else {
    console.log("Nilai D");
  }
  

2. Switch Statement

switch digunakan untuk memeriksa banyak kemungkinan nilai dengan cara yang lebih bersih dibanding banyak if-else.

let hari = 3;
let namaHari;

switch (hari) {
  case 1:
    namaHari = "Senin";
    break;
  case 2:
    namaHari = "Selasa";
    break;
  case 3:
    namaHari = "Rabu";
    break;
  default:
    namaHari = "Hari tidak valid";
}

consle.log(namaHari);

Penjelasan:

• case memeriksa nilai.
• break menghentikan eksekusi di dalam switch setelah menemukan kecocokan.
• default akan dijalankan jika tidak ada case yang cocok.

3. Perulangan (Loops)

• For Loop

  Digunakan untuk mengulang sesuatu dalam jumlah yang pasti.

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

  Penjelasan

  • i = 1 - nilai awal
  • i <= 5 - kondisi loop
  • i++ - perubahan nilai setiap iterasi

• While Loop

  Digunakan untuk mengulang selama kondisi bernilai true.

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

• Do-While Loop

  Mirip while, tetapi akan menjalankan blok kode minimal satu kali sebelum memeriksa kondisi.

  let j = 1;
  
  do {
    console.log("Nomor " + j);
    j++;
  } while (j <= 5);
  

4. Break dan Continue

• break digunakan untuk menghentikan perulangan secara paksa.
• continue digunakan untuk melewati satu iterasi dan lanjut ke iterasi berikutnya.

Contoh Penggunaan:

for (let i = 1; i <= 5; i++) {
  if (i === 3) {
    continue; // Lewati iterasi saat i = 3
  }
  console.log(i);
}

// Output: 1, 2, 4, 5

for (let i = 1; i <= 5; i++) {
  if (i === 4) {
    break; // Hentikan loop saat i = 4
  }
  console.log(i);
}

// Output: 1, 2, 3

Kesimpulan

Di artikel ini, kita telah belajar membuat percabangan menggunakan if, else, dan switch, kemudian membuat perulangan menggunakan for, while, dan do-while. Dan terakhir mengontrol alur perulangan menggunakan break dan continue.

Pada artikel berikutnya, kita akan bersama-sama belajar tentang Function di JavaScript.

Terima Kasih