Rumah > Artikel > hujung hadapan web > Penjelasan terperinci tentang penggunaan pernyataan kawalan gelung dalam pengetahuan JavaScript_Basic
JavaScript menyediakan kawalan penuh ke atas pengendalian gelung dan pernyataan suis. Mungkin terdapat situasi apabila anda perlu keluar dari gelung tanpa mencapai bahagian bawahnya. Mungkin juga terdapat situasi apabila anda ingin melangkau sebahagian daripada blok kod dan memulakan lelaran seterusnya secara langsung.
Untuk mengendalikan situasi ini, JavaScript menyediakan penyataan putus dan teruskan. Pernyataan ini digunakan untuk segera keluar dari sebarang gelung atau memulakan lelaran gelung seterusnya.
kenyataan putus:
Pernyataan putus, yang hanya diperkenalkan dengan pernyataan suis, digunakan untuk keluar dari gelung lebih awal dan memecahkan pendakap kerinting penutup.
Contoh:
Contoh ini menggambarkan cara menggunakan pernyataan putus dengan gelung sementara. Ambil perhatian bahawa gelung terputus pada mulanya daripada x hingga 5, betul-betul di bawah pernyataan document.write(..), dengan pendakap penutup:
<script type="text/javascript"> <!-- var x = 1; document.write("Entering the loop<br /> "); while (x < 20) { if (x == 5){ break; // breaks out of loop completely } x = x + 1; document.write( x + "<br />"); } document.write("Exiting the loop!<br /> "); //--> </script>
Ini akan menghasilkan keputusan berikut:
Entering the loop 2 3 4 5 Exiting the loop!
Kami telah melihat pernyataan putus digunakan dalam pernyataan suis.
teruskan kenyataan:
terus memberitahu jurubahasa untuk segera memulakan lelaran gelung seterusnya dan melangkau blok kod yang lain.
Apabila pernyataan continue ditemui, aliran program akan segera dipindahkan ke gelung untuk menyemak ungkapan Jika keadaan kekal benar, maka lelaran seterusnya akan bermula, jika tidak, kawalan akan keluar dari gelung.
Contoh:
Contoh ini menggambarkan penggunaan pernyataan continue dengan gelung while. Sila ambil perhatian bahawa pernyataan continue digunakan untuk melangkau pencetakan apabila pembolehubah eksponen x mencapai 5:
<script type="text/javascript"> <!-- var x = 1; document.write("Entering the loop<br /> "); while (x < 10) { x = x + 1; if (x == 5){ continue; // skill rest of the loop body } document.write( x + "<br />"); } document.write("Exiting the loop!<br /> "); //--> </script>
Ini akan menghasilkan keputusan berikut:
Entering the loop 2 3 4 6 7 8 9 10 Exiting the loop!
Gunakan tag untuk mengawal aliran:
Bermula dari JavaScript 1.2, teg boleh digunakan dengan rehat dan terus mengawal proses dengan lebih tepat.
Tegialah pengecam mudah diikuti dengan titik bertindih yang digunakan pada pernyataan atau blok kod. Lihat dua contoh berbeza untuk memahami pecahan penggunaan label dan teruskan.
Nota: Baris baharu dibenarkan antara penyataan sambungan atau putus dan nama tegnya. Selain itu, tidak seharusnya ada sebarang pengisytiharan lain antara nama teg dan gelung yang berkaitan.
Contoh 1:
<script type="text/javascript"> <!-- document.write("Entering the loop!<br /> "); outerloop: // This is the label name for (var i = 0; i < 5; i++) { document.write("Outerloop: " + i + "<br />"); innerloop: for (var j = 0; j < 5; j++) { if (j > 3 ) break ; // Quit the innermost loop if (i == 2) break innerloop; // Do the same thing if (i == 4) break outerloop; // Quit the outer loop document.write("Innerloop: " + j + " <br />"); } } document.write("Exiting the loop!<br /> "); //--> </script>
Ini akan menghasilkan keputusan berikut:
Entering the loop! Outerloop: 0 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 1 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 2 Outerloop: 3 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 4 Exiting the loop!
Contoh 2:
<script type="text/javascript"> <!-- document.write("Entering the loop!<br /> "); outerloop: // This is the label name for (var i = 0; i < 3; i++) { document.write("Outerloop: " + i + "<br />"); for (var j = 0; j < 5; j++) { if (j == 3){ continue outerloop; } document.write("Innerloop: " + j + "<br />"); } } document.write("Exiting the loop!<br /> "); //--> </script>
Ini akan menghasilkan keputusan berikut:
Entering the loop! Outerloop: 0 Innerloop: 0 Innerloop: 1 Innerloop: 2 Outerloop: 1 Innerloop: 0 Innerloop: 1 Innerloop: 2 Outerloop: 2 Innerloop: 0 Innerloop: 1 Innerloop: 2 Exiting the loop!