JavaScript学習におけるforループとfor/inループの入門-jsチュートリアル-php.cn

JavaScript学習におけるforループとfor/inループの入門

青灯夜游

リリース： 2018-10-16 17:07:48

転載

1772 人が閲覧しました

この記事ではJavaScript学習におけるforループとfor/inループについて紹介します。困っている友人は参考にしていただければ幸いです。

ループでは、コードのブロックを指定された回数だけ実行できます。

#JavaScript は、さまざまなタイプのループをサポートしています。

##for - コードのブロックを特定の回数ループします
for/in - オブジェクトのプロパティをループします。
while - 指定されたとき条件が true、ループ指定されたコードブロック
#do/while - 指定された条件が true の場合、指定されたコードブロック
をループします。

for ループの構文:

for(语句1;语句2;语句3){
　　　　被执行的代码块
　　}

ログイン後にコピー

説明:

ステートメント 1 (コードブロック) が始まる前に実行

ステートメント 2 ループ (コードブロック) の実行条件を定義します。

ステートメント 3 ループ (コードブロック) の実行後に実行します

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
    for (var i = 0; i < 5; i++) {
        alert("我是for循环");
    }
</script>
</html>

ログイン後にコピー

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

ループの開始前に変数を設定します。 (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 は省略することもできます (たとえば、ループ内に対応するコードがある場合)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
	</head>
	<script type="text/javascript">
		var i = 0,
			len = cc.length;
		for(; i < len;) {
			alert("我是for循环");
			i++;
		}
	</script>

</html>

ログイン後にコピー

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 サイトの他の関連記事を参照してください。