ホームページ > 記事 > ウェブフロントエンド > JavaScript学習におけるforループとfor/inループの入門
JavaScript学習におけるforループとfor/inループの入門
- 青灯夜游転載
- 2018-10-16 17:06:461738ブラウズ
この記事ではJavaScript学習におけるforループとfor/inループについて紹介します。困っている友人は参考にしていただければ幸いです。
ループでは、コードのブロックを指定された回数だけ実行できます。
#JavaScript は、さまざまなタイプのループをサポートしています。
##for - コードのブロックを特定の回数ループします
for/in - オブジェクトのプロパティをループします。
while - 指定されたとき条件が true、ループ 指定されたコード ブロック
- #do/while - 指定された条件が true の場合、指定されたコード ブロック
をループします。
for ループ
for ループの構文:
for(语句1;语句2;语句3){
被执行的代码块
}
説明:
ステートメント 1 (コード ブロック) が始まる前に実行
ステートメント 2 ループ (コード ブロック) の実行条件を定義します。
ステートメント 3 ループ (コード ブロック) の実行後に実行します
例:
76c82f278ac045591c9159d381de2c57 100db36a723c770d327fc0aef2ce13b1 93f0f5c25f18dab9d176bd4f6de5d30e a80eb7cbb6fff8b0ff70bae37074b813 b2386ffb911b14667cb8f0f91ea547a7Insert title here6e916e0f7d1e588d4f442bf645aedb2f 9c3bca370b5104690d9ef395f2c5f8d1 8019067d09615e43c7904885b5246f0a for (var i = 0; i 30ec19e683c1fe835e9dea0c0830b1d0 73a6ac4ed44ffec12cee46588e518a5e
上記の例から、次のことがわかります:
ループの開始前に変数を設定します。 (var i = 0; )
ループを実行する条件を定義します (i は 5 未満である必要があります)
値をインクリメントします(i )
通常、ステートメント 1 を使用して、ループ内で使用される変数を初期化します ==》(var i = 0;)
あなたステートメント 1 にも記述する必要はなく、ステートメント 1 で任意の数の値を初期化できます。
ステートメント 1 を省略することもできます。たとえば、ループの前に初期値が定義されています。
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
var i = 0
for(; i < 5; i++) {
alert("我是for循环");
}
</script>
</html>ただし、ステートメント 1 の後の == >>; は省略できません。
ステートメント 2 は、初期変数の条件を評価するために使用されます。ステートメント 2 もオプションです。ステートメントが true を返すとループが再開され、false を返すとループが終了します。
ステートメント 2 を省略した場合、name はループ内にブレークを提供する必要があります。そうしないと、ループを停止できず、ブラウザがクラッシュする可能性があります。
ステートメント 3 は、通常、初期変数の値を増減します。ステートメント 3 もオプションであり、増分には負の数 (i--) 以上を指定できます。 i = i 15)
ステートメント 3 は省略することもできます (たとえば、ループ内に対応するコードがある場合)
76c82f278ac045591c9159d381de2c57 100db36a723c770d327fc0aef2ce13b1 93f0f5c25f18dab9d176bd4f6de5d30e a80eb7cbb6fff8b0ff70bae37074b813 b2386ffb911b14667cb8f0f91ea547a7Insert title here6e916e0f7d1e588d4f442bf645aedb2f 9c3bca370b5104690d9ef395f2c5f8d1 8019067d09615e43c7904885b5246f0a var i = 0, len = cc.length; for(; i 0d5f929479e7eb9a0e12c1d901fca32f 73a6ac4ed44ffec12cee46588e518a5e
for/in ループ
JavaScript for/in ステートメントは、オブジェクトのプロパティをループします:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body></body>
<script type="text/javascript">
var person = {
name: "haha",
age: 16
};
for(x in person) {
text = text + person[x];
}
</script>
</html>For/ JavaScript の in は、オブジェクトのプロパティを走査できるだけでなく、配列も走査できます。
要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連チュートリアルの詳細については、JavaScript ビデオ チュートリアル 、
jQuery ビデオ チュートリアル、bootstrap チュートリアル をご覧ください。
以上がJavaScript学習におけるforループとfor/inループの入門の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。