JavaScript while and do ... while Loop (dengan Contoh)

Dalam tutorial ini, Anda akan belajar tentang while loop dan do… while loop 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.

Pada tutorial sebelumnya, Anda telah mempelajari tentang JavaScript for loop. Di sini, Anda akan belajar tentang whiledan do… whileloop.

JavaScript saat Loop

Sintaks dari whileloop adalah:

 while (condition) ( // body of loop )

Sini,

  1. Sebuah whileloop mengevaluasi kondisi di dalam tanda kurung ().
  2. Jika kondisi bernilai ke true, kode di dalam whileloop dijalankan.
  3. The kondisi dievaluasi lagi.
  4. Proses ini berlanjut sampai kondisi ini false.
  5. Saat kondisi mengevaluasi ke false, loop berhenti.

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

Diagram alir saat Loop

Diagram alir JavaScript saat loop

Contoh 1: Menampilkan Angka dari 1 hingga 5

 // program to display numbers from 1 to 5 // initialize the variable let i = 1, n = 5; // while loop from i = 1 to 5 while (i <= n) ( console.log(i); i += 1; )

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 2: Hanya Jumlah Bilangan Positif

 // program to find the sum of positive numbers // if the user enters a negative numbers, the loop ends // the negative number entered is not added to sum let sum = 0; // take input from the user let number = parseInt(prompt('Enter a number: ')); while(number>= 0) ( // add all positive numbers sum += number; // take input again if the number is positive number = parseInt(prompt('Enter a number: ')); ) // display the sum console.log(`The sum is $(sum).`);

Keluaran

 Masukkan nomor: 2 Masukkan nomor: 5 Masukkan nomor: 7 Masukkan nomor: 0 Masukkan nomor: -3 Jumlahnya 14.

Dalam program di atas, pengguna diminta untuk memasukkan nomor.

Di sini, parseInt()digunakan karena prompt()mengambil input dari pengguna sebagai string. Dan ketika string numerik ditambahkan, ia berperilaku sebagai string. Misalnya '2' + '3' = '23',. Jadi parseInt()mengonversi string numerik menjadi angka.

The whileLoop berlanjut sampai pengguna memasukkan angka negatif. Selama setiap iterasi, angka yang dimasukkan oleh pengguna ditambahkan ke sumvariabel.

Saat pengguna memasukkan angka negatif, loop berakhir. Akhirnya, jumlah total ditampilkan.

JavaScript melakukan… saat Loop

Sintaks dari do… whileloop adalah:

 do ( // body of loop ) while(condition)

Sini,

  1. Tubuh loop dieksekusi pada awalnya. Kemudian kondisi tersebut dievaluasi.
  2. Jika kondisi bernilai ke true, badan perulangan di dalam dopernyataan dijalankan lagi.
  3. The kondisi dievaluasi sekali lagi.
  4. Jika kondisi bernilai ke true, badan perulangan di dalam dopernyataan dijalankan lagi.
  5. Proses ini berlanjut hingga kondisi mengevaluasi false. Kemudian loop berhenti.

Catatan : do… whileloop mirip dengan whileloop. Satu-satunya perbedaan adalah bahwa dalam do… whileloop, badan loop dieksekusi setidaknya sekali.

Flowchart melakukan… saat Loop

Flowchart JavaScript melakukan… while loop

Mari kita lihat cara kerja do… whileloop.

Contoh 3: Menampilkan Angka dari 1 hingga 5

 // program to display numbers let i = 1; const n = 5; // do… while loop from 1 to 5 do ( console.log(i); i++; ) while(i <= n);

Keluaran

 1 2 3 4 5

Berikut adalah cara kerja program ini.

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

Contoh 4: Jumlah Bilangan Positif

 // to find the sum of positive numbers // if the user enters negative number, the loop terminates // negative number is not added to sum let sum = 0; let number = 0; do ( sum += number; number = parseInt(prompt('Enter a number: ')); ) while(number>= 0) console.log(`The sum is $(sum).`);

Keluaran 1

 Masukkan nomor: 2 Masukkan nomor: 4 Masukkan nomor: -500 Jumlahnya 6.

Here, the do… while loop continues until the user enters a negative number. When the number is negative, the loop terminates; the negative number is not added to the sum variable.

Output 2

 Enter a number: -80 The sum is 0.

The body of the do… while loop runs only once if the user enters a negative number.

Infinite while Loop

If the condition of a loop is always true, the loop runs for infinite times (until the memory is full). For example,

 // infinite while loop while(true)( // body of loop )

Here is an example of an infinite do… while loop.

 // infinite do… while loop const count = 1; do ( // body of loop ) while(count == 1)

In the above programs, the condition is always true. Hence, the loop body will run for infinite times.

for Vs while Loop

A for loop is usually used when the number of iterations is known. For example,

 // this loop is iterated 5 times for (let i = 1; i <=5; ++i) ( // body of loop )

Dan whiledan do… whileloop biasanya digunakan ketika jumlah iterasi tidak diketahui. Sebagai contoh,

 while (condition) ( // body of loop )

Artikel yang menarik...