Rumah > hujung hadapan web > tutorial js > Contoh kata kunci tiga gelung js (untuk dan sementara)_Pengetahuan asas

Contoh kata kunci tiga gelung js (untuk dan sementara)_Pengetahuan asas

WBOY
Lepaskan: 2016-05-16 15:15:21
asal
1872 orang telah melayarinya

Tiga cara untuk menulis gelung:

<!doctype html>
<title>js循环 by 脚本之家</title>
<meta charset="utf-8"/>
<meta name="keywords" content="js循环 by 脚本之家" />
<meta name="description" content="js循环 by 脚本之家" />
</head>
<body>
//while循环
 <script type="text/javascript">
i = 1;
while (i <= 6)
{
document.write("<h" + i+">脚本之家,这是标题"+i);
document.write("</h"+i+">");
i++;
}
</script>
//do_whilel循环
<script type="text/javascript">
i = 1;
do
{
document.write("<h" + i+">jb51.net ,这是标题"+i);
document.write("</h"+i+">");
i++;
}
while(i<=6);
</script>
//for循环 
 <script type="text/javascript">
for(i=1;i<=6;i++)
{
 document.write("<h"+i+">脚本之家,这是标题"+i);
 document.write("</h"+i+">");
}
</script>
</body>
</html>
Salin selepas log masuk


Pelbagai jenis gelung

JavaScript menyokong pelbagai jenis gelung:
•untuk - gelung melalui blok kod beberapa kali
•for/in - Gelung melalui sifat objek
•while - Gelung melalui blok kod yang ditentukan apabila keadaan yang dinyatakan adalah benar
•buat/sementara - juga menggelung melalui blok kod yang ditentukan apabila keadaan yang dinyatakan adalah benar


Untuk gelung

Gelung for ialah alat yang sering anda gunakan apabila anda ingin membuat gelung.

Berikut ialah sintaks gelung for:

untuk (kenyataan 1; pernyataan 2; pernyataan 3)
{
Blok kod yang dilaksanakan
}


Pernyataan 1 dilaksanakan sebelum gelung (blok kod) bermula
Pernyataan 2 mentakrifkan syarat untuk menjalankan gelung (blok kod)
Pernyataan 3 dilaksanakan selepas gelung (blok kod) telah dilaksanakan

Contoh

Salin kod Kod adalah seperti berikut:

untuk (var i=0; i<5; i++)
{
x=x + "Nombornya ialah " + i + "
";
}

Cuba sendiri

Daripada contoh di atas, anda boleh lihat:

Pernyataan 1 menetapkan pembolehubah (var i=0) sebelum gelung bermula.
Pernyataan 2 mentakrifkan syarat untuk gelung berjalan (i mestilah kurang daripada 5).
Pernyataan 3 menambah nilai (i++) setiap kali blok kod telah dilaksanakan.


Pernyataan 1

Biasanya kami menggunakan pernyataan 1 untuk memulakan pembolehubah yang digunakan dalam gelung (var i=0).

Pernyataan 1 adalah pilihan, bermakna anda boleh melakukannya tanpa menggunakan pernyataan 1.

Anda boleh memulakan mana-mana (atau berbilang) nilai dalam pernyataan 1:

Contoh:

Salin kod Kod adalah seperti berikut:

untuk (var i=0,len=cars.length; i {
document.write(kereta[i] + "
");
}

Anda juga boleh meninggalkan pernyataan 1 (contohnya, apabila nilai telah ditetapkan sebelum gelung bermula):

Contoh:

Salin kod Kod adalah seperti berikut:

var i=2,len=cars.length;
untuk (; i {
document.write(kereta[i] + "
");
}

Pernyataan 2

Biasanya pernyataan 2 digunakan untuk menilai keadaan pembolehubah awal.

Penyata 2 juga adalah pilihan.
Jika pernyataan 2 mengembalikan benar, gelung bermula semula, jika ia mengembalikan palsu, gelung berakhir.
Petua: Jika anda meninggalkan pernyataan 2, anda mesti memberikan rehat di dalam gelung. Jika tidak, kitaran tidak boleh dihentikan. Ini mungkin merosakkan penyemak imbas. Sila baca tentang rehat kemudian dalam tutorial ini.

Pernyataan 3

Biasanya pernyataan 3 akan meningkatkan nilai pembolehubah awal.

Penyata 3 juga adalah pilihan.
Pernyataan 3 boleh digunakan dalam beberapa cara. Kenaikan boleh menjadi negatif (i--), atau lebih besar (i=i+15).
Pernyataan 3 juga boleh ditinggalkan (contohnya, apabila terdapat kod yang sepadan di dalam gelung):

Contoh:

Salin kod Kod adalah seperti berikut:

var i=0,len=cars.length;
untuk (; i {
document.write(kereta[i] + "
");
i++;
}

Untuk/Dalam gelung

JavaScript untuk/dalam gelung pernyataan melalui sifat objek:

Contoh

Salin kod Kod adalah seperti berikut:

var person={fname:"John",lname:"Doe",umur:25};
untuk (x secara peribadi)
{
txt=txt + orang[x];
}

Anda akan mengetahui lebih lanjut tentang untuk / dalam gelung dalam bab tentang objek JavaScript.

Untuk butiran, sila rujuk artikel ini: http://www.jb51.net/w3school/js/js_loop_for.htm

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan