Looping Dalam Looping (Nested Loop) DI JavaScript - Perwira Learning Center

Posted by Jr on Januari 31, 2026 with No comments



Latar Belakang

Blog ini dilatar belakangi oleh saya yang ingin mengulang pelajaran mengenai nested loop blog ini juga bertujuan untuk mengenal looping lebih jauh dikarenakan looping menjadi salah satu dasar pemrograman dasar yang penting untuk dipelajari.


Alat yang Digunakan

  • Web Browser
  • Blogspot
  • Visual Studio Code

Konsep Looping di Dalam Looping pada JavaScript

Looping di dalam looping adalah kondisi ketika sebuah perulangan ditempatkan di dalam perulangan lainnya. Loop luar (outer loop) mengatur jumlah baris atau iterasi utama, sedangkan loop dalam (inner loop) dijalankan setiap kali loop luar melakukan satu iterasi. Dalam JavaScript, nested loop umumnya menggunakan kombinasi for, while, atau do...while, tergantung kebutuhan logika program.

 Nested loop sangat umum digunakan untuk:

  • Membuat pola teks (bintang, angka, simbol)

  • Mengelola data berbentuk tabel atau array dua dimensi

  • Melakukan simulasi perulangan berlapis


Kelebihan dan Kekurangan Nested Loop

Kelebihan:

  • Fleksibel untuk menangani perulangan kompleks

  • Cocok untuk pengolahan data bertingkat

  • Mudah dipahami untuk kasus pola visual

Kekurangan:

  • Dapat memperlambat program jika iterasi terlalu banyak

  • Kode bisa menjadi sulit dibaca jika tidak diberi struktur yang jelas


Contoh Kode

Berikut adalah beberapa contoh kode nested loop yang paling sering digunakan

1 Pola Menurun


Kode diatas akan mengeluarkan output:

*****
****
***
**
*

2. Pola Naik



Kode diatas akan mengeluarkan output:

*
**
***
****
*****

3. Pola Segitiga



Kode diatas akan mengeluarkan output:

*
***
*****
*******
*********

4. Pola Segitiga Terbalik



Kode diatas akan mengeluarkan output:

   *********
   *******
   *****
   ***
    *

Kesimpulan

Looping di dalam looping merupakan teknik penting dalam JavaScript untuk menangani permasalahan yang membutuhkan perulangan bertingkat. Dengan nested loop, pengembang dapat membangun pola visual, mengolah data multidimensi, dan menyusun logika yang lebih kompleks. Namun, penggunaannya harus tetap diperhatikan agar tidak menurunkan performa dan keterbacaan kode.

Daftar Pustaka

W3schools (tahun tidak tertulis) “JavaScript Loops” Diaksses dari https://www.w3schools.com/js/js_loops.asp

freecodercamp (2020) “Nesting For Loops in JavaScript” Diaksses dari https://www.freecodecamp.org/news/nesting-for-loops-in-javascript/

GeeksforGeeks (2025) “Nesting For Loops in JavaScript” Diaksses dari https://www.geeksforgeeks.org/javascript/nesting-for-loops-in-javascript/