untuk gelung

for(变量 = 初始值 ; 循环条件 ; 变量累加方法)
{
循环语句;
}

memberikan contoh untuk menggambarkan dengan lebih jelas Contohnya, mencetak nombor dari 0 hingga 7 dalam gelung:

<html>
<head>
</head>
<body>
<script>
for(var i=0;i<8;i++)
{
document.write("number is "+i+"<br>");
}
</script>
</body>
</html>

Kesan dalam penyemak imbas:

QQ截图20161012132414.png

untuk gelung Tempat yang paling biasa digunakan ialah menggunakan indeks untuk merentasi tatasusunan:

var arr = ['Apple', 'Google', 'Microsoft'];
var i, x;
for (i=0; i<arr.length; i++) {
    x = arr[i];
    alert(x);
}

Tiga syarat gelung for boleh diabaikan Jika tiada syarat penghakiman untuk keluar dari gelung, anda mesti gunakan pernyataan putus untuk keluar dari gelung, jika tidak ia akan menjadi gelung tak terhingga :

var x = 0;
for (;;) { // 将无限循环下去
    if (x > 100) {
        break; // 通过if判断来退出循环
    }
    x ++;
}

<!DOCTYPE html>
<html>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>
</body>
</html>

untuk ... dalam

Satu varian. daripada gelung for ialah untuk ... dalam gelung, yang boleh meletakkan objek Semua sifat digelung keluar secara bergilir:

var o = {
    name: 'Jack',
    age: 20,
    city: 'Beijing'
};
for (var key in o) {
    alert(key); // 'name', 'age', 'city'
}

Untuk menapis sifat yang diwarisi oleh objek, gunakan hasOwnProperty() untuk melaksanakan:

var o = {
    name: 'Jack',
    age: 20,
    city: 'Beijing'
};
for (var key in o) {
    if (o.hasOwnProperty(key)) {
        alert(key); // 'name', 'age', 'city'
    }
}

Memandangkan Array juga merupakan objek, dan indeks setiap elemennya dianggap sebagai atribut objek, oleh itu, gelung for...in boleh terus menggelungkan indeks Array:

var a = ['A', 'B', 'C'];
for (var i in a) {
    alert(i); // '0', '1', '2'
    alert(a[i]); // 'A', 'B', 'C'
}

Meneruskan pembelajaran

fail baharu

serahkan Tetapkan Semula Kod

Operasi automatik

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]