ホームページ > ウェブフロントエンド > jsチュートリアル > jsにはループメソッドがいくつありますか? jsの7つのループメソッドの紹介(コード付き)

jsにはループメソッドがいくつありますか? jsの7つのループメソッドの紹介(コード付き)

不言
リリース: 2018-08-22 17:37:18
オリジナル
4506 人が閲覧しました

この記事の内容は、jsにはループメソッドがいくつあるのか? js での 7 つのループ メソッドの紹介 (コード付き) は、必要な友人が参考になれば幸いです。

JavaScript には、LOOPS を反復処理するためのメソッドが多数用意されています。このチュートリアルでは、最新の 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
}
ログイン後にコピー
  • Break を使用して for ループを中断できます

  • continue を使用して for ループの次の反復を継続できます

forEach

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

const list = [&#39;a&#39;, &#39;b&#39;, &#39;c&#39;]
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)
ログイン後にコピー

Break を使用して while ループを中断できます:

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
}
ログイン後にコピー

Break を使用して while ループを中断できます:

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

ES2015 では、forEach のシンプルさとハッキング能力を組み合わせた for ループが導入されました。

//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...in VS FOR...OF

    とfor...inの違いは次のとおりです:
  • for...of iteration属性値
  • for...in iteration属性名

関連する推奨事項:
JS の for in ループと Java の foreach ループの違いの分析


JS イベントのループを理解する_javascript スキル

🎜🎜

以上がjsにはループメソッドがいくつありますか? jsの7つのループメソッドの紹介(コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート