JavaScript for ループ

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>

実行結果:

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>

学び続ける

新しいファイル

<!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>

提出するリセットコード

自動運転