ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript での for ループ ステートメントの使用方法

JavaScript での for ループ ステートメントの使用方法

不言
不言オリジナル
2018-12-17 15:38:105536ブラウズ

JavaScript での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 のループ ステートメントには、for ループ ステートメントと while ループ ステートメントが含まれます。次の記事では、まず JavaScript での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法を紹介します。

JavaScript での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法

for ループ ステートメントと while ループ ステートメントの違いを簡単に見てみましょう

簡単に言えば、for ループ ステートメントと while ループ ステートメントの違いを簡単に見てみましょう。 while ループ ステートメントの主な違いは、ループ数が固定されている場合は for ループが使用され、ループ数が固定されていない場合は while ループが使用されることです。

JavaScript での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 で for ループ ステートメントを使用する方法を見てみましょう

for ループ ステートメントの構文

for(初始值;条件表达式;增加/减少表达式){ 
  循环处理
}

f

or ループ ステートメントの具体的な例を見てみましょう
コードは次のとおりです。変数は i

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法</title>
</head>
<body>
<script>
for (var i = 0; i < 10; i++) {
document.write (i);
}
</script>
</body>
</html>
# として指定されます。 ##まず、初期値ですが、iという変数を宣言し、値0を代入します。これが初期ループ処理である。

次に、条件式中の i 最後の増減式 i は、実行するたびに i の値が 1 ずつ増加することを意味します。

続いて、document.writeでドキュメントを処理する際に行うループ処理を指定します。

ブラウザで出力する場合…0から9までの値を出力します。

JavaScript での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法配列での for ループの使用

for ステートメントの構文は、配列を使用するプログラムを作成するときによく使用されます。

例を挙げてみましょう。

list という名前の配列ボックスに、トム、ジェリー、ホリーの 3 つの値を入れます。

var list = [“Tom”,“Jerry”,“Holly”];

for ステートメントを使用して、これらの値を 1 つずつ処理します。

まず初期値として var i = 0 を指定します。変数 i の値が配列の要素数を超えない限り、i をループします。ループを通過するたびに、i は 1 ずつ増加します。

最後に、document.write を使用して要素を呼び出します。

for (var i = 0; i < list.length; i++){
document.write (list[i]);
}

(配列の長さは length 属性を通じて取得できます)

変数 i は配列要素の添字です。したがって、0 から要素の数までカウントする形式をとり、各要素 (トム、ジェリー、ホリー) にアクセスします。

次のプログラムを実行しましょう

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法</title>
</head>
<body>
<script>
var list = ["Tom","Jerry","Holly"];
for (var i = 0; i < list.length; i++) {
document.write (list[i]);
}
</script>
</body>
</html>

結果は次のとおりです


こうすることで、次のことができます。インデックス 0、1、2 を持つ要素が 1 つずつアクセスされ、出力されます。を参照してください。 JavaScript での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法 での for ループ ステートメントの使用方法

最後の

ジャンプ ステートメントを見てみましょう: Break と continue


Jump ステートメントは、現在のプロセスを中断し、別の正規プロセス構文に転送するときに使用されます。 。

主にループ処理に使用され、for 文や while 文でも使用できます。

Break ステートメント - ループ処理を直ちに終了します。

continue ステートメント - 実行中のループ処理を中断し、次のループ処理を続行します。

以下では、for ステートメントを使用して、break と continue を説明します。

<script>
for (var i = 0; i < 10; i++) {
document.write (i * 10);
}
</script>

break ステートメント


break ステートメントでは、ループ プロセスは i が 5 に達すると終了し、実行されなくなります。

<script>
for (var i = 0; i < 10; i++) {
if (i == 5) {
break;
}
document.write (i * 10);
}
</script>

i が 4 になるまでしか実行されないため、プロセスは 40 で終了します。

# continue ステートメント JavaScript での for ループ ステートメントの使用方法

#一方、 continue を実行すると、i が 5 の場合のみスキップされます。ループは実行を続けます。

<script>
for (var i = 0; i < 10; i++) {
if (i == 5) {
continue;
}
document.write (i * 10);
}
</script>

実行結果は以下の通りです


以上がJavaScript での for ループ ステートメントの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。