ジャバスクリプト

同じタスクを繰り返すとき、それは面倒になって、維持するのが難しいです.
箱に5個入れましょう.

let i = 1 // initialization
if (i < 5) console.log(`Item ${i}`); i++; // Item 1 (step 1)
if (i < 5) console.log(`Item ${i}`); i++; // Item 2 (step 2)
if (i < 5) console.log(`Item ${i}`); i++; // Item 3 (step 3)
if (i < 5) console.log(`Item ${i}`); i++; // Item 4 (step 4)
if (i <= 5) console.log(`Item ${i}`); // Item 5 (step 5)

上の例はプログラマが濡れているものです(我々は2回すべてをタイプしたり書いたりするのを楽しんでいます).
ドライ(自分自身を繰り返すことはありません)コードはベストプラクティスです.
上のコードスニペットを次のように書き換えることができます.

for (let i = 1; i <= 5; i++) console.log(`Item ${i}`);

イテレータ変数i コンピュータプログラミングの従来の名前ですがiter ... counter など

An execution of the loop body {...} is called an iteration. The loop in the example above makes five (5) iterations.

ループボディは、カーリーブレースでは何でもあります.

{ console.log(`Item ${i} }

A single-line body does not require curly braces.

増加

増分は、1つの数の増加です.
以下の例( post increment ):

let step = 0;
step++; // 0
console.log(step); // 1
step++; // 1
console.log(step); // 2

上の例ではstep++ はポストインクリメントと呼ばれます.前インクリメントは次のようになります++step .
以下の別の例を見てください.

let step = 0;
++step; // 1
console.log(step); // 1
++step; // 2
console.log(step); // 2

デクリメント

デクリメントは数の減少である.
以下の例を見てください.

let step = 2;
step--; // 2
console.log(step); // 1
step--; // 1
console.log(step); // 0

上の例ではstep-- を返します.前デクリメントに見える--step .
以下の別の例を参照ください.

let step = 2;
--step; // 1
console.log(step); // 1
--step; // 0
console.log(step); // 0

step++ is the same as step += 1 or step = step + 1

JavaScriptのループには、一般的に二つの方法があります.

while ループ

do...while and

for ループ

一方ループ

条件が真である間、ループ本体からのコードが実行されます.
文法

// initialization;
while (condition) {
  // step and
  // statements
}

以下の例を参照ください.

let i = 0;
while (i < 5) {
  i++;
  console.log(`Item ${i}`);
} 

If i++ 省略された場合、出力は常にitem 1 永久に.常にループにステップを含める!

……一方ループ

The do...while 条件がfalseに評価されても、ループは常に少なくとも1回実行されます.
文法

// initialization;
do {
  // step and
  // statements
} while (condition);

以下の例を参照ください.

let i = 0;
do {
  i++;
  console.log(`Item ${i}`); // Item 1
} while (i > 5);

上の例ではi or 0 が> 5 最初の反復で.それは誤った評価ですが、まだ声明を評価しますItem 1 .
使用するdo...while Trutyである条件にかかわらず少なくとも1回だけ実行したい場合にのみ構文.

ループ用

The for ループはループの一般的な方法です.
文法

for (initialization; condition; step) {
    // statements
}

以下の例を参照ください.

for (let i = 1; i <= 5; i++) {
    console.log(`Item ${i}`);
}

上のコードスニペットは以下のコードと同じです.

let i = 0;
for ( ; i < 5; ) {
  i++;
  console.log(`Item ${i}`);
}

今はAのようですwhile ループ!
無限ループを作成するには、次のコードを実行します.

let i = 0;
for (;;) {
  i < 5;
  i++;
  console.log(`Item ${i}`);
}

上記の例を避けてください!

ループを破る

また、break 条件が満たされるならば、ループ.
よく使われる構文は以下の通りです.
文法

for (initialization; condition; step) {
    // statements
    if (conditionSatisfied) {
        break;
    }
}

以下の例を参照ください.

for (let i = 1; i <= 5; i++) {
  console.log(`Item ${i}`);
  if (i === 3) {
    break;
  }
}

/*
Output:
Item 1
Item 2
Item 3
*/

ループの永遠の反復を防ぐことができますbreak 条件が満たされるならば.

let i = 0;
for (;;) {
  i < 5;
  i++;
  console.log(`Item ${i}`);
  if (i === 3) {
    break;
  }
}

/*
Output:
Item 1
Item 2
Item 3
*/

次の繰り返しを続ける

ループ内の特定の反復は、continue キーワード.
よく使われる構文は以下の通りです.
文法

for (initialization; condition; step) {
    if (conditionSatisfied) {
        continue;
    }
    // statements
}

以下の例を参照ください.

for (let i = 1; i <= 5; i++) {
  if (i === 3) {
    continue;
  }
  console.log(`Item ${i}`);
}

/*
Output:
Item 1
Item 2
Item 4
Item 5
*/

つ以上の繰り返しをスキップできます:

for (let i = 1; i <= 5; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(`Item ${i}`);
}

/*
Item 1
Item 3
Item 5
*/

入れ子ループ

ループは親ループに入れ子にできます.
以下の例を参照ください.

for (let i = 1; i <= 5; i++) {
  console.log('---------');
  for (let j = 1; j <= 10; j++)
    console.log(`${i} x ${j} = ${i * j}`);
}

上の例の様子を見てください.

iteration 1: 1, 2, ..., 10;
iteration 2: 1, 2, ..., 10;
      ...   ...   ...
iteration 5: 1, 2, ..., 10;

ラベル

outer: for (let i = 1; i <= 5; i++) {
  console.log('----------');

  for (let j = 1; j <= 10; j++) {
    console.log(`${i} x ${j} = ${i * j}`);
  }
    if (i === 3)  {
      break outer;
  }
}

ラベルouter はオプションですが、反復を中断するか継続します.
下記の別の例を参照してください.

outer: for (let i = 1; i <= 5; i++) {
  console.log('----------');

  inner: for (let j = 1; j <= 10; j++) {
    console.log(`${i} x ${j} = ${i * j}`);
    if (i === 3 && j === 5)  {
      break outer;
    }
  }
}

ハッピーコーディング!

Techstackメディア

1年と無料のSSL証明書のための無料のドメイン名でウェブサイトを得てください.

1クリックWordPressのインストールと24分の7のサポート.

3.95ドル/月から始まる.

30日のマネーバック保証.