JavaScript untuk gelung
Gelung boleh melaksanakan blok kod beberapa kali tertentu.
JavaScript Gelung
Jika anda mahu menjalankan kod yang sama berulang kali, dengan nilai yang sama setiap satu masa Berbeza, maka ia adalah sangat mudah untuk menggunakan gelung.
JavaScript menyokong pelbagai jenis gelung:
untuk - gelung blok kod beberapa kali
untuk/dalam - Gelung melalui sifat objek
sementara - Gelung melalui blok kod yang ditentukan apabila keadaan yang dinyatakan adalah benar
do/ while - Begitu juga, apabila keadaan yang dinyatakan adalah benar, gelung blok kod yang ditentukan
Untuk gelung
Gelung for ialah alat yang sering anda gunakan apabila anda ingin membuat gelung.
Berikut ialah sintaks gelung for:
for (penyataan 1; pernyataan 2; pernyataan 3)
{
Blok kod yang dilaksanakan
}
Penyata 1 (blok kod) dilaksanakan bermula sebelum bermula.
Pernyataan 2 mentakrifkan syarat untuk menjalankan gelung (kod blok)
Pernyataan 3 dilaksanakan selepas gelung (blok kod) telah dilaksanakan
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>點(diǎn)擊按鈕循環(huán)代碼5次。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="";
for (var i=0;i<5;i++){
x=x + "該數(shù)字為 " + i + "<br>";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>Jalankan atur cara dan cuba
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, yang bermaksud anda boleh melakukannya tanpa pernyataan 1.
Anda boleh memulakan sebarang (atau berbilang) nilai dalam pernyataan 1:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script>
cars=["小明","小龍","小奇","小濤"];
for (var i=0,l=cars.length; i<l; i++){
document.write(cars[i] + "<br>");
}
</script>
</body>
</html>Jalankan atur cara dan cuba
Anda juga boleh meninggalkan pernyataan 1 ( seperti Apabila nilai telah ditetapkan sebelum gelung bermula):
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=2,len=cars.length;
for (; i<len; i++){
document.write(cars[i] + "<br>");
}
</script>
</body>
</html>Jalankan atur cara untuk mencubanya
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.
Nota: Jika anda meninggalkan pernyataan 2, maka putus mesti disediakan di dalam gelung. Jika tidak, kitaran tidak boleh dihentikan. Ini mungkin merosakkan penyemak imbas.
Pernyataan 3
Biasanya pernyataan 3 akan meningkatkan nilai pembolehubah awal.
Penyata 3 juga adalah pilihan.
Pernyataan 3 mempunyai banyak kegunaan. 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):
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0,len=cars.length;
for (; i<len; ){
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html>Jalankan Cuba program
Untuk/Dalam gelung
JavaScript untuk/dalam gelung pernyataan melalui sifat objek:
Contoh
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>點(diǎn)擊下面的按鈕，循環(huán)遍歷對(duì)象 "person" 的屬性。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person){
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>Jalankan atur cara dan cuba
Kami akan menerangkan gelung sementara dan lakukan /while gelung kepada anda dalam bab seterusnya.
