pour la boucle

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

donne un exemple pour illustrer plus clairement. Par exemple, imprimer des nombres de 0 à 7 en boucle :

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

L'effet dans le navigateur :

QQ截图20161012132414.png

boucle for L'endroit le plus couramment utilisé est d'utiliser des index pour parcourir les tableaux :

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

Les trois conditions de la boucle for peuvent être omises S'il n'y a pas de condition de jugement pour quitter la boucle, vous devez. utilisez l'instruction break pour quitter la boucle, sinon ce sera une boucle infinie :

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>

for ... in

Une variante. de la boucle for est la boucle for ... in, qui peut mettre un objet. Toutes les propriétés sont bouclées tour à tour :

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

Pour filtrer les propriétés héritées par l'objet, utilisez hasOwnProperty() pour implémenter :

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

Puisque Array est également un objet et que l'index de chaque élément de celui-ci est traité comme un attribut de l'objet, par conséquent, la boucle for...in peut directement boucler l'index du tableau :

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

Formation continue

nouveau fichier

soumettre Réinitialiser le code

Opération automatique

pour la boucle

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]