JavaScript untuk gelung (dengan Contoh)

Dalam tutorial ini, anda akan belajar mengenai gelung dan mengenai gelung dalam JavaScript 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.

Tutorial ini memberi tumpuan kepada forgelung JavaScript . Anda akan belajar mengenai jenis gelung lain dalam tutorial yang akan datang.

JavaScript untuk gelung

Sintaksis forgelung adalah:

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

Di sini,

  1. The awalExpression menginisialisasi dan / atau menyatakan pemboleh ubah dan melaksanakan hanya sekali.
  2. The keadaan dinilai.
    • Sekiranya keadaannya false, forgelung ditamatkan.
    • jika keadaannya true, blok kod di dalam forgelung dijalankan.
  3. The updateExpression mengemas kini nilai initialExpression apabila keadaan ini true.
  4. The keadaan proses lagi.Ini dinilai berterusan sehingga keadaan ini false.

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

Carta alir JavaScript untuk gelung

Contoh 1: Paparkan 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.`); )

Pengeluaran

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

Inilah cara program ini berfungsi.

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

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

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 3: Paparkan Jumlah N Nombor Asli

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

Pengeluaran

 jumlah: 5050

Di sini, nilai jumlahnya adalah 0 pada mulanya. Kemudian, forgelung berulang dari i = 1 to 100. Dalam setiap lelaran, saya ditambahkan jumlah dan nilainya meningkat sebanyak 1 .

Apabila saya menjadi 101 , keadaan ujian adalah falsedan jumlahnya sama dengan 0 + 1 + 2 +… + 100.

Program di atas untuk menambahkan jumlah nombor semula jadi juga boleh 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 output yang sama seperti Contoh 3 . Anda dapat menyelesaikan tugas yang sama dengan pelbagai cara dalam pengaturcaraan; pengaturcaraan adalah mengenai logik.

Walaupun kedua-dua cara itu betul, anda harus berusaha menjadikan kod anda lebih mudah dibaca.

JavaScript Tak Terbatas untuk gelung

Sekiranya keadaan ujian dalam forgelung selalu true, ia berjalan selama-lamanya (sehingga memori penuh). Sebagai contoh,

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

Dalam program di atas, keadaan selalu ada trueyang kemudian akan menjalankan kod untuk waktu yang tidak terbatas.

Dalam tutorial seterusnya, anda akan belajar tentang whiledan do… whilemengulang.

Artikel menarik...