JavaScript for ループは、コードを繰り返し実行するために使用されます。その構文は次のとおりです。
for (expr1; 次の例では、1 ～ 10 が出力されます。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
var i=1
for (i = 1; i <= 10; i++) {
document.write(i + "<br />")
}
</script>
</head>
<body>
</body>
</html>
実行結果:
1
2
3
4
5
67
8
9
10
for ループ構文の解釈
最初の式 Formula (expr1) はループの開始前に無条件で 1 回評価されます
expr2 は各ループの前に評価されますstart。値が TRUE の場合、ループは継続し、値が FALSE の場合、ネストされたループ ステートメントが実行されます。
expr3 は各ループの後に評価 (実行) されます
各式は空にすることができます。 expr2 が空の場合、ループは無限に継続しますが、次の例のようにループはブレークによって終了できます:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
var i=1
for (i = 1; ; i++) {
if (i > 10) {
break;
}
document.write(i + "<br />");
}
</script>
</head>
<body>
</body>
</html>この例では引き続き 1 ～ 10 が出力されますが、i>10 の場合、if 条件を使用して判断します。ループが終了します。
ヒント
ループ文を使用するときは、通常、無限ループしてプログラムが「ゾンビ」にならないように注意する必要があります。また、ループ条件 (ループ判定式) にも注意する必要があります。ループの結果が正しいことを確認します。
For/In ループ
JavaScript の for/in ステートメントは、オブジェクトのプロパティをループします:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<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>次のセクション
