JavaScript untuk loop (dengan Contoh)

Dalam tutorial ini, Anda akan belajar tentang loop dan tentang loop di JavaScript dengan bantuan contoh.

Dalam pemrograman, loop digunakan untuk mengulang satu blok kode.

Misalnya, jika Anda ingin menampilkan pesan 100 kali, maka Anda dapat menggunakan loop. Itu hanya contoh sederhana; Anda dapat mencapai lebih banyak dengan loop.

Tutorial ini berfokus pada forloop JavaScript . Anda akan belajar tentang jenis loop lainnya di tutorial mendatang.

JavaScript untuk loop

Sintaks dari forloop adalah:

  for(initialExpression; condition; updateExpression) ( // for loop body )

Sini,

1. The initialExpression menginisialisasi dan / atau menyatakan variabel dan mengeksekusi hanya sekali.
2. The kondisi dievaluasi.
   • Jika kondisinya demikian false, forloop dihentikan.
   • jika kondisinya true, blok kode di dalam forloop akan dieksekusi.
3. The updateExpression update nilai initialExpression ketika kondisi ini true.
4. The kondisi dievaluasi proses lagi.Ini berlanjut sampai kondisi ini false.

Untuk mempelajari lebih lanjut tentang ketentuannya , kunjungi Perbandingan JavaScript dan Operator Logis.

Diagram alir JavaScript untuk perulangan

Contoh 1: Tampilkan Teks Lima Kali

 // program to display text 10 times const n = 5; // looping from i = 1 to 5 for (let i = 1; i <= n; i++) ( console.log(`I love JavaScript.`); )

Keluaran

Saya suka JavaScript. Saya suka JavaScript. Saya suka JavaScript. Saya suka JavaScript. Saya suka JavaScript.

Berikut adalah cara kerja program ini.

Pengulangan	Variabel	Kondisi: i <= n	Tindakan
1st	i = 1 n = 5	true	Saya suka JavaScript. dicetak. saya meningkat menjadi 2 .
2nd	i = 2 n = 5	true	Saya suka JavaScript. dicetak. saya meningkat menjadi 3 .
3	i = 3 n = 5	true	Saya suka JavaScript. dicetak. saya meningkat menjadi 4 .
4th	i = 4 n = 5	true	Saya suka JavaScript. dicetak. saya meningkat menjadi 5 .
5	i = 5 n = 5	true	Saya suka JavaScript. dicetak. saya meningkat menjadi 6 .
6	i = 6 n = 5	false	Loop dihentikan.

Contoh 2: Menampilkan Angka dari 1 hingga 5

 // program to display numbers from 1 to 5 const n = 5; // looping from i = 1 to 5 // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( console.log(i); // printing the value of i )

Keluaran

 1 2 3 4 5

Berikut adalah cara kerja program ini.

Pengulangan	Variabel	Kondisi: i <= n	Tindakan
1st	i = 1 n = 5	true	1 dicetak. saya meningkat menjadi 2 .
2nd	i = 2 n = 5	true	2 dicetak. saya meningkat menjadi 3 .
3	i = 3 n = 5	true	3 dicetak. saya meningkat menjadi 4 .
4th	i = 4 n = 5	true	4 dicetak. saya meningkat menjadi 5 .
5	i = 5 n = 5	true	5 dicetak. saya meningkat menjadi 6 .
6	i = 6 n = 5	false	Loop dihentikan.

Contoh 3: Menampilkan Jumlah n Bilangan Alami

 // program to display the sum of natural numbers let sum = 0; const n = 100 // looping from i = 1 to n // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( sum += i; // sum = sum + i ) console.log('sum:', sum);

Keluaran

 jumlah: 5050

Di sini, nilai penjumlahan awalnya adalah 0 . Kemudian, forloop diiterasi dari i = 1 to 100. Dalam setiap iterasi, i ditambahkan ke penjumlahan dan nilainya bertambah 1 .

Ketika i menjadi 101 , kondisi pengujiannya adalah falsedan jumlahnya akan sama dengan 0 + 1 + 2 +… + 100.

Program di atas untuk menjumlahkan bilangan asli juga dapat ditulis sebagai

 // program to display the sum of n natural numbers let sum = 0; const n = 100; // looping from i = n to 1 // in each iteration, i is decreased by 1 for(let i = n; i>= 1; i-- ) ( // adding i to sum in each iteration sum += i; // sum = sum + i ) console.log('sum:',sum);

Program ini juga memberikan keluaran yang sama dengan Contoh 3 . Anda dapat menyelesaikan tugas yang sama dengan berbagai cara dalam pemrograman; pemrograman adalah tentang logika.

Meskipun kedua cara tersebut benar, Anda harus mencoba membuat kode Anda lebih mudah dibaca.

JavaScript Tak terbatas untuk loop

Jika kondisi pengujian dalam satu forloop selalu true, itu berjalan selamanya (sampai memori penuh). Sebagai contoh,

 // infinite for loop for(let i = 1; i> 0; i++) ( // block of code )

Pada program di atas, kondisinya selalu trueyang kemudian akan menjalankan kode untuk waktu yang tidak terbatas.

Dalam tutorial berikutnya, Anda akan mempelajari tentang whiledan do… whileloop.