JavaScriptループ

JavaScriptは、ループを反復処理する多くの方法を提供します。このチュートリアルでは、最新のJavaScriptでのさまざまなループの可能性をすべて説明します

前書き

JavaScriptは、ループを反復処理する多くの方法を提供します。このチュートリアルでは、小さな例と主なプロパティを使用して、それぞれについて説明します。

for

const list = ['a', 'b', 'c']
for (let i = 0; i < list.length; i++) {
  console.log(list[i]) //value
  console.log(i) //index
}
  • あなたは中断することができますforを使用してループbreak
  • 次の反復に早送りできますforを使用してループcontinue

forEach

ES5で導入されました。配列が与えられると、次を使用してそのプロパティを反復処理できますlist.forEach()

const list = ['a', 'b', 'c']
list.forEach((item, index) => {
  console.log(item) //value
  console.log(index) //index
})

//index is optional list.forEach(item => console.log(item))

残念ながら、このループから抜け出すことはできません。

do...while

const list = ['a', 'b', 'c']
let i = 0
do {
  console.log(list[i]) //value
  console.log(i) //index
  i = i + 1
} while (i < list.length)

あなたは中断することができますwhileを使用してループbreak

do {
  if (something) break
} while (true)

を使用して次のイテレーションにジャンプできますcontinue

do {
  if (something) continue

//do something else } while (true)

while

const list = ['a', 'b', 'c']
let i = 0
while (i < list.length) {
  console.log(list[i]) //value
  console.log(i) //index
  i = i + 1
}

あなたは中断することができますwhileを使用してループbreak

while (true) {
  if (something) break
}

を使用して次のイテレーションにジャンプできますcontinue

while (true) {
  if (something) continue

//do something else }

との違いdo...whileそれはdo...while常に少なくとも1回はそのサイクルを実行してください。

for...in

オブジェクトの列挙可能なすべてのプロパティを繰り返し、プロパティ名を指定します。

for (let property in object) {
  console.log(property) //property name
  console.log(object[property]) //property value
}

for...of

ES6を導入しましたfor...offorEachの簡潔さと中断する機能を組み合わせたループ:

//iterate over the value
for (const value of ['a', 'b', 'c']) {
  console.log(value) //value
}

//get the index as well, using entries() for (const [index, value] of [‘a’, ‘b’, ‘c’].entries()) { console.log(index) //index console.log(value) //value }

の使用に注意してくださいconst。このループは反復ごとに新しいスコープを作成するため、代わりにそれを安全に使用できますlet

for...invsfor...of

との違いfor...inは:

  • for...of プロパティ値を反復処理します
  • for...in プロパティ名を繰り返します

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のjsチュートリアル: