Apa yang dimaksud dengan perulangan atau looping di javascript?

Perulangan (looping) dalam pemrograman Javascript adalah suatu pernyataan yang berfungsi untuk menjalankan suatu blok program secara berulang-ulang sampai kondisi berhentinya perulangan terpenuhi. Dalam Javascript terdapat beberapa bentuk perulangan yang dapat digunakan yaitu for, for-each, while, do-while.

Perulangan For

Perulangan for (for loop) adalah bentuk perulangan dimana jumlah perulangan sudah diketahui. Berikut adalah contoh penggunaan perulangan for untuk melakukan perulangan sebanyak 3 kali:

console.log("Loop start");
for(let i=0; i<3; i++) {
    console.log(i);
}
console.log("Loop end");
0
1
2

Keterangan program:

  1. Program diawali dengan cetak teks "Loop start" ke layar dengan perintah System.out.println("Loop start")
  2. Masuk kedalam loop, inisialisasi i=0
  3. Cetak nilai i ke layar dengan perintah System.out.println(i)
  4. Eksekusi i++
  5. Cek kondisi i < 5
    • Jika true maka kembali ke nomor 3
    • Jika false maka lanjut ke nomor 6
  6. Cetak teks "Loop end" ke layar dengan perintah System.out.println("Loop end")

Berikut adalah gambar diagram alir (flowchart)  yang menjelaskan cara kerja perulangan for pada contoh di atas: 

Apa yang dimaksud dengan perulangan atau looping di javascript?
Diagram alur pada perulangan for

Perulangan For-Each

Perulangan for-each (for-each loop) adalah perulangan yang berfungsi untuk mengakses seluruh elemen dari array.

let numbers = [1, 2, 3];
for(let number of numbers) {
    console.log(number);
}
1
2
3

Perulangan While

Perulangan while adalah bentuk perulangan dimana iterasi akan terus dijalankan selama kondisi terpenuhi (true) dan akan berhenti jika kondisi tidak terpenuhi (false). 

Contoh kita akan menampilkan karakter berurutan mulai dari A sampai E dengan memanfaatkan perulangan.

let character = 65;
while(String.fromCharCode(character) <= 'E') {
    console.log(String.fromCharCode(character));
    character++;
}
A
B
C
D
E

Perulangan Do-While

Perulangan do-while mirip dengan perulangan while. Adapun perbedaannya adalah sbb:

  • Pada perulangan while dilakukan validasi sebelum masuk ke dalam perulangan
  • Pada perulangan do-while masuk perulangan terlebih dahulu minimal 1x putaran untuk kemudian di validasi di akhir sebelum masuk putaran berikutnya

Berikut adalah contoh perulangan while dibanding perulangan do-while:

let number = 50;

while (number < 10)
{
    console.log("while " + number);
}

do
{
    console.log("do-while " + number);
} while (number < 10);
do-while 50

Keterangan program:

  • Pada contoh di atas baik while maupun do-while memiliki kondisi yang sama yaitu number < 10
  • Inisialisasi number adalah 50 sehingga baik while maupun do-while tidak memenuhi kondisi number < 10
  • Ketika program dijalankan
    • Perulangan while tidak masuk perulangan sama sekali karena validasi dilakukan di awal dan kondisi tidak memenuhi 
    • Perulangan do-while masuk minimal 1x putaran sehingga mencetak "do-while 50" sebelum akhirnya perulangan berhenti karena kondisi tidak memenuhi

Bagaimana jika terdapat pekerjaan yang diulang ulang tetapi di coding dengan manual? Bagaimana jika pekerjaan yang diulang berjumlah 100 kali. Contoh teman-teman tidak mengerjakan PR disuruh tulis “Maaf saya tidak akan mengulangi lagi” dengan jumlah 100 kali. Jika di dunia pemrograman, cara manual ini amat sangat tidak efisien dan boros waktu. Terus bagaimana cara mengatasinya? Jawabannya adalah dengan cara Looping(Perulangan). Looping adalah sebuah perintah program yang dilakukan untuk mengulang sebuah perintah yang sudah ditentukan nominalnya. Salah satu manfaat dari Perulangan, yaitu Efisien dan menghemat waktu. Berikut terdapat 4 Looping yang bisa teman-teman gunakan :


1. For

Perulangan for digunakan untuk perulangan yang dapat ditentukan berapa kali perulangan terjadi.




	
	Frontend : JAVASCRIPT Bagian 9 - Perulangan (Looping)


JAVASCRIPT Bagian 9 - Perulangan (Looping)


Penjelasan :

1. Baris 12 – 15, kita sedang membuat perulangan for

2. Baris 12, artinya variabel x bernilai 0, jika variabel x lebih kecil dari 10 maka Baris 14 akan dijalankan


Hasil :

Apa yang dimaksud dengan perulangan atau looping di javascript?


2. While

Perulangan jenis ini sama dengan perulangan for. Teman-teman bebas mau menggunakan perulangan For atau While. Perbedaan dari perulangan For dengan While ada di jumlah perulangan. Jika for sudah ditetapkan, while berbeda. While jika kondisi terpenuhi, maka akan terus looping tanpa henti (Infinity Loop). Untuk mengatasi intinity loop kita menggunakan increment.




	
	Frontend : JAVASCRIPT Bagian 9 - Perulangan (Looping)


JAVASCRIPT Bagian 9 - Perulangan (Looping)


Penjelasan :

1. Baris 12, kita membuat variabel x dengan nilai 1

2. Baris 13 – 17, kita membuat perulangan While

3. Baris 13, artinya jika variabel x lebih kecil atau sama dengan 10, maka perintah Baris 15 akan dijalankan sesuai nominal yang ditetapkan yaitu 10 kali.

4. Baris 16 adalah increment. Jika baris 16 tidak ada. Maka terjadi yang namanya Infinity Loop (Perulangan tanpa batas). Jangan lupa untuk menambahkan increment ya teman-teman.


Hasil :

Apa yang dimaksud dengan perulangan atau looping di javascript?


3. Do While

Sama dengan perulangan While, jika Do While melakukan perulangan terlebih dahulu tanpa memenuhi perulangan While.




	
	Frontend : JAVASCRIPT Bagian 9 - Perulangan (Looping)


JAVASCRIPT Bagian 9 - Perulangan (Looping)


Penjelasan :

1. Baris 12, kita membuat variabel x dengan nilai 1

2. Baris 13 – 17, kita membuat perulangan do while

3. Baris 13, kita melakukan perulangan terlebih dahulu

4. Baris 17, kita baru membuat percabangan While


Hasil :

Apa yang dimaksud dengan perulangan atau looping di javascript?


4. Foreach

Perulangan terakhir, yaitu Foreach. Perulangan ini biasa digunakan untuk perulangan yang tidak dapat diprediksi berapa kali akan dijalankan. Umumnya perulangan foreach dimanfaatkan untuk menampilkan data dari database.




	
	Frontend : JAVASCRIPT Bagian 9 - Perulangan (Looping)


JAVASCRIPT Bagian 9 - Perulangan (Looping)


Penjelasan :

1. Baris 12, kita membuat array yang berisi nama Budi, Anto, Danang, dan Adam

2. Baris 13 – 15, kita melakukan perulangan Foreach terhadap array nama


Hasil :

Apa yang dimaksud dengan perulangan atau looping di javascript?

Apa yang dimaksud dengan perulangan atau looping pada JavaScript?

Looping atau yang lebih dikenal dengan perulangan adalah suatu metode dalam pemrograman untuk meng eksekusi suatu berintah yang sama terus-menerus hingga kondisi tertentu terpenuhi. Sebagai contoh kita ingin menampilkan tulisan “Belajar JavaScript Indonetsource” sebanyak 5 kali.

Jelaskan apa yang dimaksud dengan perulangan?

Perulangan merupakan suatu proses dimana kita dapat mengulang satu atau beberapa perintah atau eksekusi blok kode tanpa henti, selama kondisi yang dijadikan acuan terpenuhi. Biasanya disiapkan variabel untuk iterasi atau variabel penanda kapan perulangan akan diberhentikan.

Apa yang dimaksud dengan perulangan while?

Perulangan While Perulangan While banyak dipakai untuk program yang lebih terstruktur, namun berapa jumlah perulangannya belum diketahui. Proses akan terus berlanjut hingga kondisinya bernilai FALSE atau salah, ditunjukkan dengan tanda =0.

Apakah for termasuk perulangan?

Perulangan for merupakan perulangan yang termasuk dalam couted loop, karena sudah jelas berapa kali ia akan mengulang. Yang perlu diperhatikan adalah kondisi yang ada di dalam kurung setelah kata for . Kondisi ini akan menentukan: Hitungan akan dimulai dari 0 ( i = 0 );