JavaScript での for ループステートメントの使用方法-jsチュートリアル-php.cn

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

不言

リリース： 2018-12-21 09:09:24

オリジナル

5544 人が閲覧しました

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（初始值;条件表达式;增加/减少表达式）{ 
　　循环处理
}

ログイン後にコピー

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 <10 は、i の値が 10 未満である間処理を行うことを意味します。

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

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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

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

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