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 :
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'
}