Javascriptの基本ループの詳しい説明

サイクル

のために

ループは、コードの一部を繰り返し実行するために使用される、あらゆる言語のコマンドです。

たとえば、コード ブロックを 5 回ループするには、次のようにします。

(i = 0; i < 5; i++ とします) {
  let text = `現在の番号は ${i} です`
  console.log(テキスト)
}

// 出力:
現在の数は0です
現在の番号は1です
現在の数は2です
現在の数は3です
現在の数は4です

この例では、let i = 0 はループ カウンター変数を宣言し、i < 5 はループ終了条件、i++ はカウンター変数更新ステップ、{} 内のすべてのコードはループ本体内のコード ブロックです。

具体的なプロセスは、カウント変数が終了条件判定操作を実行し、結果が真であればループ本体が実行され、終了後、ステップ長が更新されて新しい結果が取得され、再び判定に参加します。結果が偽であれば、ループは直ちに終了します。

そのため、ループ回数を制御したい場合は、通常、判定条件を変更することで実現できます。ループ条件が常に真であれば、無限ループになります。

入室

for-in ループは、オブジェクトまたは配列 (通常は for-of を使用した配列) をループするために使用できる特殊なループです。

o = {とする
  名前: 'dapiaoliang',
  年齢: 18歳
  性別: 「女性」
}

// オブジェクト内のすべてのキーと値のペアをループします。この時点で for-in を使用できます。
for (let key in o) {
  let text = `現在のプロパティ名: ${key}、値: ${o[key]}`
}

// 結果（このループの出力順序は異なる場合がありますが、数値は同じままです）
現在の属性名: name、値: dapiaoliang
現在の属性名: age、値: 18
現在の属性名: 性別、値: 女性

for-in はオブジェクト内のすべてのキーと値のペアをループするために使用されていることがわかります。具体的な出力順序は変わる可能性がありますが、各キーと値のペアは 1 回ループされます。

のための

for-of は、配列または配列のような構造をループするために特に使用されるループ コマンドです (Iterator インターフェイス)

arr = ["dapiaoliang", 18, '女性']とします

for (arrの値) {
  let text = `現在の値は: ${value}`
  console.log(テキスト)
}

// 結果の現在の値: dapiaoliang
現在の値は: 18
現在の価値: 女性

for-inと同様に、配列の各項目を直接ループすることができます。

その間

while は for のバリエーションです。 (あまり使われない)

while (条件) {
	ループ本体}

条件が真の場合、ループ本体が実行されます。このループにはカウント変数がないため、ステップ サイズを更新する必要はありません。したがって、条件は通常、可変パラメータである必要があります。可変パラメータでない場合は、ループ本体に明確な終了条件が必要です。

しながら行う

do-while は特別な while ループです (あまり使用されません)

する {
  ループ本体}while(条件)

現在の数は0です
現在の番号は1です
現在の数は2です
現在の数は4です

while条件とループ本体が入れ替わっているようです。そのため、このループ本体は、初回は条件判定を行わずに実行されます。実行が完了したら再度判定を行い、判定結果によって次回ループするかどうかが決まります。

したがって、do-while の条件は次回ループするかどうかを決定することであり、最初の 1 回目は必ず実行されるため、少なくとも 1 回は実行される while ループとして理解できます。

ループから抜け出す

何らかの理由でコード ブロック内のループから抜け出す必要がある場合は、対応するキーワードを使用できます。

break はこのループを永久に終了するために使用され、continue は現在のループを終了する（すぐに次のループに入る）ために使用されます。

例えば、skip i = 3

(i = 0; i < 5; i++ とします) {
  (i === 3)の場合{
    続く
  }
  let text = `現在の番号は ${i} です`
  console.log(テキスト)
}

上記の例では、i=3 のとき、ループ本体は true と判断され、continue が実行されます。その後、次の 2 行のコードは実行されず、すぐに次のループに入ります。

(i = 0; i < 5; i++ とします) {
  (i === 3)の場合{
    壊す
  }
  let text = `現在の番号は ${i} です`
  console.log(テキスト)
}

現在の数は0です
現在の番号は1です
現在の数は2です

このとき、break と判断され、i=3 のときに break が実行され、以降のループは実行されなくなります。 Break はループ全体を閉じます。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。