JavaScript sambil dan lakukan ... while Loop (dengan Contoh)

Dalam tutorial ini, anda akan belajar tentang loop sambil dan loop … sambil loop dengan bantuan contoh.

Dalam pengaturcaraan, gelung digunakan untuk mengulang sekatan kod. Contohnya, jika anda ingin menunjukkan mesej 100 kali, anda boleh menggunakan gelung. Ini hanyalah contoh ringkas; anda boleh mencapai lebih banyak lagi dengan gelung.

Dalam tutorial sebelumnya, anda belajar mengenai JavaScript untuk gelung. Di sini, anda akan belajar tentang whiledan do… whilegelung.

JavaScript sambil Gelung

Sintaksis whilegelung adalah:

 while (condition) ( // body of loop )

Di sini,

  1. A whilegelung menilai keadaan di dalam tanda kurung ().
  2. Sekiranya keadaan dinilai true, kod di dalam whilegelung dijalankan.
  3. The keadaan dinilai lagi.
  4. Proses ini berterusan sehingga keadaan adalah false.
  5. Apabila keadaan dinilai false, gelung berhenti.

Untuk mengetahui lebih lanjut mengenai keadaan , lawati Perbandingan JavaScript dan Pengendali Logik.

Carta alir sementara Loop

Carta alir JavaScript semasa gelung

Contoh 1: Nombor Paparan 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; )

Pengeluaran

 1 2 3 4 5

Inilah cara program ini berfungsi.

Pengulangan Pembolehubah Keadaan: i <= n Tindakan
1hb i = 1
n = 5		 true 1 dicetak. saya dinaikkan menjadi 2 .
Ke-2 i = 2
n = 5		 true 2 dicetak. saya dinaikkan menjadi 3 .
Ke-3 i = 3
n = 5		 true 3 dicetak. saya dinaikkan menjadi 4 .
Ke-4 i = 4
n = 5		 true 4 dicetak. saya dinaikkan menjadi 5 .
Ke-5 i = 5
n = 5		 true 5 dicetak. saya dinaikkan menjadi 6 .
Ke-6 i = 6
n = 5		 false Gelung ditamatkan

Contoh 2: Jumlah Nombor Positif Sahaja

 // 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).`);

Pengeluaran

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

Dalam program di atas, pengguna diminta memasukkan nombor.

Di sini, parseInt()digunakan kerana prompt()mengambil input dari pengguna sebagai rentetan. Dan apabila rentetan numerik ditambahkan, ia bertindak sebagai rentetan. Contohnya , '2' + '3' = '23'. Jadi parseInt()menukar rentetan angka menjadi nombor.

The whilegelung berterusan sehingga pengguna memasukkan nombor negatif. Semasa setiap lelaran, nombor yang dimasukkan oleh pengguna ditambahkan ke sumpemboleh ubah.

Apabila pengguna memasukkan nombor negatif, gelung berhenti. Akhirnya, jumlah keseluruhan dipaparkan.

JavaScript lakukan … sambil Loop

Sintaksis do… whilegelung adalah:

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

Di sini,

  1. Badan gelung dilaksanakan pada mulanya. Kemudian keadaannya dinilai.
  2. Sekiranya keadaan dinilai true, badan gelung di dalam dopenyataan dilaksanakan semula.
  3. The keadaan dinilai sekali lagi.
  4. Sekiranya keadaan dinilai true, badan gelung di dalam dopenyataan dilaksanakan semula.
  5. Proses ini berterusan sehingga keadaan dinilai menjadi false. Kemudian gelung berhenti.

Nota : do… whilegelung serupa dengan whilegelung. Satu-satunya perbezaan adalah bahawa dalam do… whilegelung, badan gelung dilaksanakan sekurang-kurangnya sekali.

Carta alir buat… sambil Loop

Carta alir JavaScript lakukan … while loop

Mari lihat kerja do… whilegelung.

Contoh 3: Nombor Paparan 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);

Pengeluaran

 1 2 3 4 5

Inilah cara program ini berfungsi.

Pengulangan Pembolehubah Keadaan: i <= n Tindakan
i = 1
n = 5		 tidak diperiksa 1 dicetak. saya dinaikkan menjadi 2 .
1hb i = 2
n = 5		 true 2 dicetak. saya dinaikkan menjadi 3 .
Ke-2 i = 3
n = 5		 true 3 dicetak. saya dinaikkan menjadi 4 .
Ke-3 i = 4
n = 5		 true 4 dicetak. saya dinaikkan menjadi 5 .
Ke-4 i = 5
n = 5		 true 6 dicetak. saya dinaikkan menjadi 6 .
Ke-5 i = 6
n = 5		 false Gelung ditamatkan

Contoh 4: Jumlah Nombor 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 nombor: 2 Masukkan nombor: 4 Masukkan nombor: -500 Jumlahnya ialah 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… whilegelung biasanya digunakan apabila bilangan lelaran tidak diketahui. Sebagai contoh,

 while (condition) ( // body of loop )

Artikel menarik...