Lewati ke konten

Ringkasan BAB 3

Kamu telah menyelesaikan BAB 3: Perulangan. Ini adalah bab yang mengubah cara kamu berpikir tentang program. Dengan loop, program tidak lagi terbatas pada data yang sudah diketahui — ia bisa memproses jumlah data berapapun secara otomatis.


Loop Kondisi diperiksa Kapan dipakai
while Sebelum setiap putaran Jumlah putaran tidak diketahui
do...while Setelah setiap putaran Harus jalan minimal sekali
for Sebelum setiap putaran Jumlah putaran sudah diketahui
for...of Otomatis Iterasi nilai array atau string
for...in Otomatis Iterasi key object

🖥️ Output
Ada array atau string yang ingin diiterasi?
├─ Butuh nilai → for...of
├─ Butuh indeks juga → for biasa
└─ Iterasi key object → for...in
Jumlah pengulangan sudah diketahui?
└─ Ya → for biasa
Harus jalan minimal satu kali?
└─ Ya → do...while
Kondisi bergantung pada proses di dalam loop?
└─ Ya → while

Perintah Efek Analogi
break Keluar dari loop Bel sekolah berbunyi
continue Lewati satu putaran Siswa absen, lanjut

📄 TypeScript
// Total semua nilai
let total = 0
for (const n of array) total += n
// Nilai maksimum
let max = array[0]
for (const n of array) if (n > max) max = n
// Filter elemen
const lulus: number[] = []
for (const n of array) {
if (n >= 75) lulus.push(n)
}

📄 TypeScript
while (kondisi) {
// aksi
// perubahan yang menuju false
}
📄 TypeScript
const arr = ["A", "B", "C"]
// arr[0] = "A", arr[1] = "B", arr[2] = "C"
// loop: i < arr.length (bukan <=)
📄 TypeScript
break // keluar dari seluruh loop
continue // lewati putaran ini, lanjut ke berikutnya
  • Lupa perubahan variabel.
  • Perubahan ke arah yang salah.
  • Kondisi !== melewati nilai target.

Hentikan dengan Ctrl + C.


  • Memahami konsep loop: kondisi, aksi, perubahan
  • Bisa membuat while loop
  • Bisa membuat do...while loop
  • Bisa membuat for loop dengan tiga komponen
  • Bisa menggunakan for...of untuk array
  • Bisa menggunakan for...in untuk object
  • Bisa menggunakan break untuk menghentikan loop
  • Bisa menggunakan continue untuk melewati putaran
  • Memahami nested loop dan alur eksekusinya
  • Bisa mendeteksi dan menghindari infinite loop
  • Menyelesaikan studi kasus absensi
  • Menyelesaikan mini project daftar nilai
  • Sudah mencoba 10 challenge
  • Mengerti error umum loop dan cara memperbaikinya

🖥️ Output
tsx src/bab3/namafile.ts ← jalankan file TypeScript
Ctrl + C ← hentikan program yang berjalan

🖥️ Output
BAB 1 (Variabel & Tipe Data)
↓ menyimpan data: string[], number[], object
BAB 2 (Operator & Percabangan)
↓ kondisi loop, grade, filter data
BAB 3 (Perulangan)
↓ memproses banyak data secara otomatis

Tanpa melihat contoh sebelumnya, buat src/bab3/review-bab3.ts:

  1. Buat array 6 siswa dengan nama dan nilai rata-rata.
  2. Tampilkan semua siswa dengan nomor urut.
  3. Hitung rata-rata kelas menggunakan loop.
  4. Tampilkan nama siswa dengan nilai tertinggi.
  5. Filter dan tampilkan siswa yang nilainya di bawah rata-rata kelas.
  6. Buat baris pemisah menggunakan "=".repeat(40).

Jalankan dan pastikan output berubah jika data diubah.


Loop adalah salah satu konsep yang paling sering dipakai oleh programmer. Setiap kali kamu melihat data yang banyak — nilai, nama, produk, transaksi — di situlah loop bekerja.

Kamu sudah menguasai alat yang dipakai di setiap program komputer yang pernah dibuat.