最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScript Forループ


ループは、コードのブロックを何回も実行することができます。


JavaScriptのループ

あなたは、何度も何度も異なる値と毎回同じコードを実行したい場合はループは、便利です。

多くの場合、これは配列を使用する場合は、次のとおりです。

書き込みの代わりに:

text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";

あなたが書くことができます:

for (i = 0; i < cars.length; i++) {
    text += cars[i] + "<br>";
}
»それを自分で試してみてください

ループの異なる種類

JavaScriptは、ループの種類をサポートしています。

  • for -コードのブロックをループ回数
  • for/in -オブジェクトのプロパティをループ
  • while -指定した条件が真の間、コードのブロックをループ
  • do/while 、指定された条件が真である間も、コードのブロックをループ-

Forループ

forループは、多くの場合、あなたはループを作成したいときに使用するツールです。

forループの構文は次のとおりです。

for (statement 1; statement 2; statement 3) {
   code block to be executed
}

ループ(符号ブロック)を開始する前に文1が実行されます。

文2は、ループ(コードブロック)を実行するための条件を定義します。

ループ(符号ブロック)が実行された後の文3を毎回実行されます。

for (i = 0; i < 5; i++) {
    text += "The number is " + i + "<br>";
}
»それを自分で試してみてください

上記の例から、あなたは読むことができます:

文1セットループが始まる前に、変数(var i = 0)

文2は、(iが5未満でなければなりません)を実行するループのための条件を定義します。

文3は、値を増加させる(i++)ループ内のコードブロックが実行されるたびに。


ステートメント1

通常は、ループ内で使用される変数開始するために、ステートメント1を使用します(i = 0)

これは必ずしもそうではありません、JavaScriptは気にしません。 ステートメント1はオプションです。

あなたはステートメント1(カンマ区切り)に多くの値を開始することができます。

for (i = 0, len = cars.length, text = ""; i < len; i++) {
    text += cars[i] + "<br>";
}
»それを自分で試してみてください

(ループが始まる前に、あなたの値が設定されているときのように)そして、あなたは、文1を省略することができます。

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
    text += cars[i] + "<br>";
}
»それを自分で試してみてください

ステートメント2

多くの場合、ステートメント2は、初期変数の状態を評価するために使用されます。

これは必ずしもそうではありません、JavaScriptは気にしません。 安全2も任意です。

真の文2が戻った場合、ループはそれがfalseを返した場合、ループは終了し、もう一度やり直すます。

あなたは文の2を省略した場合、あなたが提供しなければなりませんbreakループ内を。 それ以外の場合はループが終了することはありません。 これは、ブラウザがクラッシュします。 このチュートリアルの後の章で休憩についての記事を読みます。


文3

多くの場合、ステートメント3は、最初の変数を増加させます。

これは必ずしもそうではありません、JavaScriptは気にしないし、文3は任意です。

文3は、負の増分のようなものを行うことができます(i--)正の増分(i = i + 15)または何かを。

文3は、(あなたがループ内で自分の価値観をインクリメントするときのように)を省略することができます。

var i = 0;
var len = cars.length;
for (; i < len; ) {
    text += cars[i] + "<br>";
    i++;
}
»それを自分で試してみてください

For/Inループ

JavaScriptのfor/inステートメントは、オブジェクトのプロパティをループ:

var person = {fname:"John", lname:"Doe", age:25};

var text = "";
var x;
for (x in person) {
    text += person[x];
}
»それを自分で試してみてください

Whileループ

whileループおよびdo/whileループは次の章で説明します。


練習で自分自身をテスト!

演習1» 演習2» 演習3» 演習4» 演習5» 演習6»