Alur Program · Pelajaran 5 dari 10
Perulangan for dan while
8 menit baca · BelajarCode
for
JavaScript
1for (let i = 1; i <= 5; i++) {2 console.log(`Putaran ke-${i}`);3}Putaran ke-1 Putaran ke-2 Putaran ke-3 Putaran ke-4 Putaran ke-5
Bagian di dalam kurung for ada tiga, dipisah titik koma: nilai awal (let i = 1), syarat (i <= 5), dan perubahan (i++, artinya i ditambah 1).
while dan do while
JavaScript
1let tabungan = 0;2let minggu = 0;3while (tabungan < 100000) {4 tabungan += 15000;5 minggu++;6}7console.log(`Butuh ${minggu} minggu`);89let angka = 10;10do {11 console.log("do while tetap jalan sekali, angka =", angka);12 angka++;13} while (angka < 5);Butuh 7 minggu do while tetap jalan sekali, angka = 10
do while memeriksa syaratnya setelah menjalankan isinya, sehingga isinya pasti dijalankan minimal sekali.
for of
for...of mengambil isi array atau huruf string satu per satu.
JavaScript
1const buah = ["apel", "jeruk", "mangga"];2for (const b of buah) {3 console.log(b.toUpperCase());4}56let vokal = 0;7for (const huruf of "javascript") {8 if ("aiueo".includes(huruf)) {9 vokal++;10 }11}12console.log("Vokal:", vokal);APEL JERUK MANGGA Vokal: 3
break dan continue
JavaScript
1for (let i = 1; i <= 10; i++) {2 if (i % 3 === 0) continue;3 if (i > 8) break;4 console.log(i);5}1 2 4 5 7 8
Cek pemahaman
Berapa kali isi perulangan for (let i = 0; i < 10; i += 3) dijalankan?
Latihan
Segitiga bintang
Tampilkan segitiga bintang setinggi 5 baris memakai perulangan bersarang, lalu buat versi kedua dengan metode repeat.
Pembahasan
JavaScript
1for (let baris = 1; baris <= 5; baris++) {2 let teks = "";3 for (let k = 1; k <= baris; k++) {4 teks += "*";5 }6 console.log(teks);7}89for (let baris = 1; baris <= 5; baris++) {10 console.log("*".repeat(baris));11}* ** *** **** ***** * ** *** **** *****
"*".repeat(3) menghasilkan ***, sama seperti "*" * 3 di Python.
Jalankan contoh kode di pelajaran ini tanpa instalasi lewat compiler JavaScript online.