Artikel ini merupakan bagian dari seri Tutorial Belajar JavaScript untuk Pemula Sampai Mahir. Sebelumnya: Tipe Data di JavaScript
📌 Apa Itu Kontrol Alur?
Kontrol alur adalah cara JavaScript menentukan bagian mana dari kode yang akan dijalankan, tergantung pada kondisi tertentu. Ini sangat penting untuk membuat program yang interaktif dan “berpikir”.
🧠 1. if dan else
Digunakan untuk mengevaluasi kondisi. Jika kondisi bernilai true, maka blok kode di dalamnya akan dijalankan.
Sintaks Dasar:
1if (kondisi) {
2 // kode dijalankan jika kondisi true
3} else {
4 // kode dijalankan jika kondisi false
5}
6
1if (kondisi) {
2 // kode dijalankan jika kondisi true
3} else {
4 // kode dijalankan jika kondisi false
5}
6
Contoh:
1let umur = 20;
2
3if (umur >= 18) {
4 console.log("Kamu sudah dewasa.");
5} else {
6 console.log("Kamu masih anak-anak.");
7}
8
1let umur = 20;
2
3if (umur >= 18) {
4 console.log("Kamu sudah dewasa.");
5} else {
6 console.log("Kamu masih anak-anak.");
7}
8
🔗 2. else if
Digunakan untuk menambahkan lebih banyak kondisi.
1let nilai = 75;
2
3if (nilai >= 90) {
4 console.log("Nilai A");
5} else if (nilai >= 80) {
6 console.log("Nilai B");
7} else if (nilai >= 70) {
8 console.log("Nilai C");
9} else {
10 console.log("Nilai D");
11}
12
1let nilai = 75;
2
3if (nilai >= 90) {
4 console.log("Nilai A");
5} else if (nilai >= 80) {
6 console.log("Nilai B");
7} else if (nilai >= 70) {
8 console.log("Nilai C");
9} else {
10 console.log("Nilai D");
11}
12
🔄 3. switch
Digunakan untuk menggantikan if-else yang panjang saat memeriksa banyak nilai spesifik.
Sintaks Dasar:
1switch (nilai) {
2 case "A":
3 // kode jika nilai = A
4 break;
5 case "B":
6 // kode jika nilai = B
7 break;
8 default:
9 // kode jika tidak ada yang cocok
10}
11
1switch (nilai) {
2 case "A":
3 // kode jika nilai = A
4 break;
5 case "B":
6 // kode jika nilai = B
7 break;
8 default:
9 // kode jika tidak ada yang cocok
10}
11
Contoh:
1let hari = "Senin";
2
3switch (hari) {
4 case "Senin":
5 console.log("Hari kerja");
6 break;
7 case "Sabtu":
8 case "Minggu":
9 console.log("Hari libur");
10 break;
11 default:
12 console.log("Hari tidak dikenali");
13}
14
1let hari = "Senin";
2
3switch (hari) {
4 case "Senin":
5 console.log("Hari kerja");
6 break;
7 case "Sabtu":
8 case "Minggu":
9 console.log("Hari libur");
10 break;
11 default:
12 console.log("Hari tidak dikenali");
13}
14
⚠️ Tips & Catatan
- Jangan lupa
break di setiap case, agar tidak lanjut ke case berikutnya (fallthrough).
- Gunakan
if/else untuk kondisi logika kompleks, dan switch untuk nilai yang pasti.
- Jangan bandingkan dengan
= (assignment), gunakan == atau === untuk perbandingan.
✅ Tugas Latihan
Buat program yang mengecek apakah angka yang diinput pengguna adalah ganjil atau genap.
Contoh hasil:
1Masukkan angka: 7
2Output: Angka ganjil
3
1Masukkan angka: 7
2Output: Angka ganjil
3
📘 Selanjutnya
➡️ Perulangan (Looping) di JavaScript: for, while, do...while
⬅️ Kembali: Tipe Data di JavaScript