Tutorial JavaScript Part#5: Jenis Perulangan pada JavaScript

 

Jenis Perulangan (Looping) pada JavaScript: Panduan Lengkap dengan Contoh

Halo, para pembaca setia! Pada kesempatan kali ini, kita akan membahas jenis-jenis perulangan (looping) dalam JavaScript beserta contoh kasus dan implementasinya.

pada tutorial sebelumnya di tutorial part#4 kita sudah belajar materi mengenai pengkondisian, untuk tutorial pengkondisian nya dapat di baca pada link berikut 

Tutorial Part#4 : Pengkondisian pada Javascript

nah pengkondisian ini juga sering di pakai saat kita menggunakan funsgi looping. untuk memberikan logic atau perintah pada proses looping nya.

 Looping adalah konsep penting dalam pemrograman yang memungkinkan kita menjalankan blok kode berulang kali tanpa menulis kode yang sama secara manual.

Dalam tutorial ini, kita akan mempelajari:

• Perulangan for
• Perulangan while
• Perulangan do...while
• Perulangan for...in
• Perulangan for...of

buka kembali project yang sudah kita buat pada tutotiar seblumnya, agar lebih memahami jenis perulangan yang ada pada javascript, bisa langsung di peraktekan dan di coba, Mari kita bahas satu per satu dengan contoh yang mudah dipahami!

1. Perulangan for

Perulangan for digunakan ketika kita tahu berapa kali sebuah blok kode harus diulang.

Kita ingin menampilkan angka 1 sampai 5 di konsol.

Kode Contoh: 

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

Penjelasan Kode:

let i = 1 → Inisialisasi variabel i dengan nilai 1.

i <= 5 → Kondisi perulangan, loop akan berjalan selama i kurang dari atau sama dengan 5.

i++ → Increment, nilai i bertambah 1 setiap iterasi.

Hasil Running Kode:

1  

2  

3  

4  

5

  

2. Perulangan while

Perulangan while digunakan ketika kita tidak tahu berapa kali perulangan akan terjadi, tetapi kita memiliki kondisi yang harus dipenuhi. 

Kita ingin menampilkan angka 1 sampai 5 menggunakan while.

Kode Contoh: 

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

Penjelasan Kode:

Loop akan terus berjalan selama i <= 5.

i++ menambah nilai i setiap iterasi.

Hasil Running Kode:

1  

2  

3  

4  

5  

3. Perulangan do...while

Perulangan do...while mirip dengan while, tetapi blok kode dijalankan setidaknya sekali sebelum kondisi diperiksa. 

Menampilkan angka 1 sampai 5, meskipun kondisi awalnya salah.

Kode Contoh: 

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

Penjelasan Kode:

Blok do dijalankan terlebih dahulu.

Setelah itu, kondisi while diperiksa.

Hasil Running Kode:

1  

2  

3  

4  

5  

4. Perulangan for...in

Perulangan for...in digunakan untuk mengiterasi properti dari sebuah objek. 

Menampilkan semua properti dari sebuah objek mahasiswa.

Kode Contoh: 

const mahasiswa = {
  nama: "Budi",
  umur: 20,
  jurusan: "Teknik Informatika"
};
for (let key in mahasiswa) {
  console.log(`${key}: ${mahasiswa[key]}`);
}

Penjelasan Kode:

for...in mengakses setiap properti (key) dalam objek.

mahasiswa[key] mengambil nilai dari properti tersebut.

Hasil Running Kode:

nama: Budi  

umur: 20  

jurusan: Teknik Informatika  

5. Perulangan for...of

Perulangan for...of digunakan untuk mengiterasi elemen dalam iterable seperti Array, String, dll.

Menampilkan setiap elemen dalam array buah.

Kode Contoh:

const buah = ["Apel", "Mangga", "Jeruk"];
for (let item of buah) {
  console.log(item);
}

Penjelasan Kode:

for...of mengambil setiap nilai (item) dalam array.

Hasil Running Kode:

Apel  

Mangga  

Jeruk  

Kesimpulan

Looping adalah konsep fundamental dalam JavaScript yang membantu mengoptimalkan kode dengan menghindari pengulangan manual. Dalam tutorial ini, kita telah mempelajari:

• for → Untuk perulangan dengan jumlah pasti.
• while & do...while → Untuk perulangan dengan kondisi.
• for...in → Untuk iterasi properti objek.
• for...of → Untuk iterasi nilai dalam array/iterable.

Pada tutorial selanjutnya, kita akan membahas Array Methods dalam JavaScript yang sering digunakan bersama looping.

Tutorial Part#5 : Procedure dan function pada javascript

jika ada saran dan masukan atau pertanyaan dalam materi pada tutorial kali ini. bisa di berikan pada kolom komentar..

Semoga bermanfaat! Jangan lupa like dan share jika artikel ini membantu.

Happy Coding...!!!

Incoming Search Terms:

• perulangan javascript
• contoh looping for javascript
• while loop javascript
• do while javascript
• for in loop javascript
• for of loop javascript
• perbedaan for dan while javascript
• cara kerja looping javascript
• iterasi array javascript
• contoh kasus looping javascript

Jangan lupa subscribe untuk update tutorial JavaScript berikutnya! 🚀

Share this post

𝕏