NodeJS #3: Mengenal JavaScript (bagian 2) – Percabangan dan Perulangan

🍭 NodeJS #3: Mengenal JavaScript (bagian 2) – Percabangan dan Perulangan

Halo lagi, calon programmer! 👋

Di tutorial sebelumnya kita sudah belajar tentang variabel, tipe data, dan operator. Sekarang kita akan belajar dua hal penting lainnya: percabangan (membuat pilihan) dan perulangan (mengulang pekerjaan). Ini akan membuat program kita jadi lebih pintar dan bisa melakukan banyak hal!

Yuk, kita mulai dengan percabangan dulu. 🚦

🔀 Percabangan: Membuat Keputusan

Dalam hidup, kita sering membuat keputusan: "Kalau hari hujan, saya bawa payung; kalau tidak, saya tidak bawa." Nah, di program juga sama. Kita bisa membuat komputer melakukan sesuatu hanya jika kondisi tertentu terpenuhi. Alatnya adalah if, else if, else, dan switch.

1. If-Else – Jika-Maka

Bentuk paling sederhana: jika kondisi benar, lakukan A; jika tidak, lakukan B.

let hujan = true;

if (hujan) {
  console.log("Saya bawa payung ☔");
} else {
  console.log("Saya tidak bawa payung 😎");
}

Coba jalankan, maka akan muncul "Saya bawa payung" karena hujan = true. Kalau hujan = false, akan muncul yang kedua.

Else If – Banyak Kondisi

Kalau kondisinya lebih dari dua, kita pakai else if.

let nilai = 85;

if (nilai >= 90) {
  console.log("Nilai A, bagus sekali! 🥇");
} else if (nilai >= 75) {
  console.log("Nilai B, cukup baik! 🥈");
} else if (nilai >= 60) {
  console.log("Nilai C, belajar lagi ya! 📚");
} else {
  console.log("Nilai D, harus lebih rajin! 💪");
}

Coba ubah-ubah nilai 85, 95, 50, dan lihat hasilnya.

💡 Catatan: Kondisi diperiksa dari atas ke bawah. Begitu ada yang benar, yang di bawahnya tidak akan diperiksa lagi.

2. Switch – Pilihan Banyak (Alternatif If-Else)

switch biasanya dipakai untuk membandingkan satu nilai dengan banyak kemungkinan. Cocok untuk pilihan yang tetap, misal hari, bulan, menu.

let hari = "Senin";

switch (hari) {
  case "Senin":
    console.log("Hari senin, semangat belajar! 💪");
    break;
  case "Selasa":
    console.log("Hari selasa, tetap semangat! 🔥");
    break;
  case "Rabu":
    console.log("Hari rabu, sudah tengah minggu nih! 🐫");
    break;
  default:
    console.log("Hari lain, tetap ceria! 😊");
}

break itu penting supaya setelah satu case dijalankan, program berhenti dan tidak lanjut ke case berikutnya. default adalah pilihan kalau tidak ada case yang cocok.

⚠️ Jangan lupa tulis break di setiap case, kecuali memang sengaja ingin melanjutkan.

🔄 Perulangan: Melakukan Pekerjaan Berulang-ulang

Kadang kita ingin melakukan sesuatu berkali-kali. Misalnya, menulis "Saya harus rajin belajar" sebanyak 10 kali. Tentu tidak mungkin kita tulis 10 baris kode sendiri. Di sinilah perulangan berguna.

1. For – Untuk (dengan hitungan)

for dipakai kalau kita tahu pasti berapa kali ingin mengulang. Bentuknya seperti ini:

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

Hasilnya akan muncul:

Ini perulangan ke-1
Ini perulangan ke-2
Ini perulangan ke-3
Ini perulangan ke-4
Ini perulangan ke-5

Mari kita bedah:

  • let i = 1 → kita buat variabel i dimulai dari 1 (penghitung).
  • i <= 5 → selama i kurang dari atau sama dengan 5, ulang terus.
  • i++ → setiap selesai satu putaran, i ditambah 1.

Jadi, perulangan akan berjalan saat i=1,2,3,4,5. Begitu i menjadi 6, berhenti karena 6 <= 5 salah.

2. While – Selama (kondisi benar)

while mirip for, tapi kita hanya menulis kondisi. Penghitungnya harus kita kelola sendiri.

let i = 1;
while (i <= 5) {
  console.log("Perulangan while ke-" + i);
  i++; // jangan lupa tambah, kalau tidak akan terus-menerus (infinite loop)
}

Hasilnya sama dengan for di atas. while cocok jika kita tidak tahu pasti berapa kali akan mengulang, misalnya selama pengguna belum memasukkan jawaban benar.

⚠️ Hati-hati dengan infinite loop (perulangan tak berhenti)! Pastikan kondisi suatu saat menjadi salah, atau ada perintah break.

3. Do While – Kerja Dulu, Baru Cek

Ada juga do while, yang menjalankan kode dulu sekali, baru memeriksa kondisi. Ini jarang dipakai, tapi perlu tahu.

let i = 1;
do {
  console.log("Do while ke-" + i);
  i++;
} while (i <= 5);

Sama hasilnya. Bedanya, kalau kondisi awal sudah salah, do while tetap dijalankan sekali, sedangkan while tidak dijalankan sama sekali.

🧪 Latihan: Gabungan Percabangan dan Perulangan

Sekarang kita coba buat program kecil yang menggabungkan keduanya. Misalnya, kita ingin menampilkan bilangan genap dari 1 sampai 10.

for (let i = 1; i <= 10; i++) {
  if (i % 2 === 0) {  // kalau i habis dibagi 2 (genap)
    console.log(i + " adalah bilangan genap");
  }
}

Hasilnya:

2 adalah bilangan genap
4 adalah bilangan genap
6 adalah bilangan genap
8 adalah bilangan genap
10 adalah bilangan genap

Atau program tebak-tebakan sederhana:

let angkaRahasia = 7;
let tebakan = 0;

while (tebakan !== angkaRahasia) {
  tebakan = Number(prompt("Tebak angka antara 1-10:")); // prompt hanya jalan di browser, tapi untuk latihan Node.js nanti kita pakai cara lain.
  if (tebakan < angkaRahasia) {
    console.log("Terlalu kecil!");
  } else if (tebakan > angkaRahasia) {
    console.log("Terlalu besar!");
  } else {
    console.log("Tebakanmu benar! 🎉");
  }
}

Sayangnya prompt tidak bisa dipakai di Node.js (karena untuk browser). Tapi kita bisa bayangkan saja. Nanti kita akan belajar cara menerima input di Node.js.

🎮 Proyek Mini: Membuat Hitungan Mundur

Mari buat program hitungan mundur dari 10 sampai 1, lalu teriak "Go!" menggunakan perulangan for.

for (let i = 10; i >= 1; i--) {
  console.log(i);
}
console.log("Go! 🚀");

Gampang, kan? 😄

📝 Rangkuman

Konsep Kegunaan Contoh
if-else Memilih satu dari dua atau lebih kemungkinan if (nilai > 75) { ... } else { ... }
switch Memilih berdasarkan nilai tetap switch (hari) { case "Senin": ... }
for Perulangan dengan hitungan for (let i=0; i<5 code="" i="">
while Perulangan selama kondisi benar while (kondisi) { ... }
do while Perulangan minimal sekali do { ... } while (kondisi);

🏁 Penutup

Sekarang kamu sudah bisa membuat program yang bisa mengambil keputusan dan melakukan perulangan. Ini adalah kemampuan yang sangat penting. Di tutorial selanjutnya (NodeJS #4) kita akan belajar tentang fungsi dan array, yang akan membuat program kita lebih terstruktur dan bisa menyimpan banyak data sekaligus.

Jangan lupa coba-coba sendiri ya! Ubah-ubah angka, kondisi, dan lihat hasilnya. Kalau ada yang bingung, tulis di komentar. Sampai jumpa di seri berikutnya! 👋😊


Ditulis dengan ❤️ untuk para pemula yang ingin menjadi programmer handal.

Lebih baru Lebih lama

نموذج الاتصال