3つのjsループのキーワード例（forとwhile）_基礎知識-jsチュートリアル-php.cn

3つのjsループのキーワード例（forとwhile）_基礎知識

WBOY

リリース： 2016-05-16 15:15:21

オリジナル

1869 人が閲覧しました

ループを作成する 3 つの方法:

<!doctype html>
<title>js循环 by 脚本之家</title>
<meta charset="utf-8"/>
<meta name="keywords" content="js循环 by 脚本之家" />
<meta name="description" content="js循环 by 脚本之家" />
</head>
<body>
//while循环
 <script type="text/javascript">
i = 1;
while (i <= 6)
{
document.write("<h" + i+">脚本之家，这是标题"+i);
document.write("</h"+i+">");
i++;
}
</script>
//do_whilel循环
<script type="text/javascript">
i = 1;
do
{
document.write("<h" + i+">jb51.net ,这是标题"+i);
document.write("</h"+i+">");
i++;
}
while(i<=6);
</script>
//for循环 
 <script type="text/javascript">
for(i=1;i<=6;i++)
{
 document.write("<h"+i+">脚本之家,这是标题"+i);
 document.write("</h"+i+">");
}
</script>
</body>
</html>

ログイン後にコピー

さまざまな種類のループ

JavaScript はさまざまなタイプのループをサポートしています:
•for - コードのブロックを特定の回数ループします
•for/in - オブジェクトのプロパティをループします
•while - 指定された条件が true の場合に、指定されたコードブロックをループします
•do/while - 指定された条件が true の場合も、指定されたコードブロックをループします

for ループ

for ループは、ループを作成するときによく使用するツールです。

for ループの構文は次のとおりです:

for (ステートメント 1; ステートメント 2; ステートメント 3)
{
実行されたコードブロック
}

ステートメント 1 はループ (コードブロック) が開始される前に実行されます
ステートメント 2 は、ループ (コードのブロック) を実行するための条件を定義します
ステートメント 3 は、ループ (コードのブロック) が実行された後に実行されます

例

コードをコピーコードは次のとおりです:

for (var i=0; i
{

x=x + "その数字は " + i + "
";

}

自分で試してみる

上の例から、次のことがわかります:

ステートメント 1 は、ループが開始される前に変数 (var i=0) を設定します。
ステートメント 2 は、ループを実行するための条件を定義します (i は 5 未満である必要があります)。
ステートメント 3 は、コードブロックが実行されるたびに値 (i++) をインクリメントします。

ステートメント 1

通常、ステートメント 1 を使用して、ループ内で使用される変数を初期化します (var i=0)。

ステートメント 1 はオプションです。つまり、ステートメント 1 を使用しなくても実行できます。

ステートメント 1 では、任意の (または複数の) 値を初期化できます:

例:

コードをコピーコードは次のとおりです:

for (var i=0,len=cars.length; i
{

document.write(cars[i] + "
");

}

ステートメント 1 を省略することもできます (たとえば、ループの開始前に値が設定されている場合)。

例:

コードをコピーコードは次のとおりです:

var i=2,len=cars.length;

for (; i
{

document.write(cars[i] + "
");

}

ステートメント 2

通常、ステートメント 2 は、初期変数の条件を評価するために使用されます。

ステートメント 2 もオプションです。
ステートメント 2 が true を返した場合はループが再開され、false を返した場合はループが終了します。
ヒント: ステートメント 2 を省略する場合は、ループ内にブレークを指定する必要があります。そうしないとサイクルを停止できません。これによりブラウザがクラッシュする可能性があります。このチュートリアルの後半で休憩について読んでください。

ステートメント 3

通常、ステートメント 3 は初期変数の値を増やします。

ステートメント 3 もオプションです。
ステートメント 3 はいくつかの方法で使用できます。増分は負 (i--) またはそれより大きい (i=i+15) 場合があります。
ステートメント 3 は省略することもできます (たとえば、ループ内に対応するコードがある場合):

例:

コードをコピーコードは次のとおりです:

var i=0,len=cars.length;

for (; i
{

document.write(cars[i] + "
");

i++;

}

For/In ループ

JavaScript の for/in ステートメントはオブジェクトのプロパティをループします:

例

コードをコピーしますコードは次のとおりです:

var person={fname:"ジョン",lname:"Doe",age:25};

(個人的にx)

{

txt=txt + 人[x];

}

for / in ループの詳細については、JavaScript オブジェクトに関する章で説明します。

詳細については、次の記事を参照してください: http://www.jb51.net/w3school/js/js_loop_for.htm