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中文网(php.cn)</title>
</head>
<body>
<p>点击按钮循环代码5次。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction(){
        var x="";
        for (var i=0;i<5;i++){
            x=x + "该数字为 " + 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中文网(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中文网(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中文网(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中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</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.

Meneruskan pembelajaran

fail baharu

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(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>

serahkan Tetapkan Semula Kod

Operasi automatik

JavaScript untuk gelung

peringkat rendahTutorial tapak web tiruan perusahaan Imperial CMS

peringkat rendahPemula dengan asas sifar dalam WordPress membina blog peribadi dan laman web korporat

peringkat rendahVideo arahan pembinaan tapak web berasaskan sifar CMS muktamad

peringkat rendahProjek hadapan-Shangyou [amalan komprehensif teknologi HTML/CSS/JS]

PertengahanVue3.0 daripada 0 untuk membina amalan projek sistem pengurusan belakang universal

peringkat rendahKursus front-end berasaskan sifar [pembelajaran lanjutan Vue dan aplikasi praktikal]

peringkat rendahTutorial bahagian hadapan WEB [HTML5+CSS3+JS]

peringkat rendahBermula dengan cepat dengan apipost

PertengahanTutorial praktikal Vue3+TypeScript amalan projek peringkat perusahaan

peringkat rendahMari kita bercakap secara ringkas tentang memulakan perniagaan dalam PHP

PertengahanProjek e-dagang VUE (pertempuran sebenar projek dua bahagian hadapan & belakang)

peringkat rendahAplikasi praktikal Apipost [api, antara muka, ujian automatik, olok-olok]