ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript のループ知識の紹介 (コード例)

JavaScript のループ知識の紹介 (コード例)

不言
リリース: 2019-03-05 14:45:38
転載
2596 人が閲覧しました

この記事では、JavaScript のループに関する知識 (コード例) を紹介します。一定の参考価値があります。困っている友人は参照してください。お役に立てば幸いです。助けてくれた。

for ループ

for ループは、スクリプトの実行回数が決まっている場合に使用します。

構文:

for (变量=开始值;变量<=结束值;变量=变量+步进值) 
{
    需执行的代码
}
ログイン後にコピー

例:

説明: 次の例では、i の開始値が 0 であるループ プログラムを定義します。ループが実行されるたびに、i の値は 1 ずつ増加し、i が 10 になるまでループが継続します。

注: ステップ値は負の値になる場合があります。ステップ値が負の場合は、for ステートメント内の比較演算子を調整する必要があります。

<html>
<body>

<script>
var i=0
for (i=0;i<=10;i++)
{
document.write("The number is " + i)
document.write("<br />")
}

</script>

</body>
</html>
ログイン後にコピー

結果:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
The number is 10
ログイン後にコピー
ログイン後にコピー

while ループ

while ループは、指定された条件が true の場合にループ内のコードを実行するために使用されます。

構文:

while
(变量<=结束值)
{
    需执行的代码
}
ログイン後にコピー

注: <= に加えて、他の比較演算子も使用できます。

例:

説明: 次の例はループ プログラムを定義します。このループ プログラムのパラメーター i の開始値は 0 です。プログラムは、i が 10 より大きくなるまで繰り返し実行されます。 i の値は実行されるたびに 1 ずつ増加します。

<html>
<body>
<script>
var i=0
while (i<=10)
{
document.write("The number is " + i)
document.write("<br />")
i=i+1
}

</script>
</body>
</html>
ログイン後にコピー

結果:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
The number is 10
ログイン後にコピー
ログイン後にコピー

do...while ループ

do...while ループは while ループの変形です。ループは最初に実行されるときにコードを実行し、指定された条件が true になるとループを継続します。したがって、条件が false であっても、 do...while ループはその中のコードを少なくとも 1 回実行すると言えます。これは、その中のコードが実行されるまで条件の検証が実行されないためです。

文法:

do
{
    需执行的代码
}
while
(变量<=结束值)
ログイン後にコピー

例:

<html>
<body>
<script>
var i=0
do 
{
document.write("The number is " + i)
document.write("<br />")
i=i+1
}
while (i<0)

</script>
</body>
</html>
ログイン後にコピー

結果:

The number is 0
ログイン後にコピー

以上がJavaScript のループ知識の紹介 (コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート