JavaScript を使用した配列のループ

配列の要素の反復処理は、JavaScript の一般的なタスクです。利用可能なアプローチはいくつかありますが、それぞれに独自の長所と制限があります。これらのオプションを見てみましょう:

配列

1. for-of ループ (ES2015 )

このループは、反復子を使用して配列の値を反復します:

const arr = ["a", "b", "c"];
for (const element of arr) {
  console.log(element); // "a", "b", "c"
}

2. forEach

forEach は、配列を反復処理し、各要素の関数を呼び出すメソッドです。

arr.forEach(element => {
  console.log(element); // "a", "b", "c"
});

3.シンプルな for ループ

このループは、カウンター変数を使用して配列要素を反復処理します。

for (let i = 0; i 
4. for-in ループ (セーフガード付き)
for-in は、配列の要素を含む配列のプロパティを反復処理します。ただし、プロトタイプのプロパティの反復を避けるために安全策を使用することが重要です:
for (const property in arr) {
  // Check if 'property' is an array element property
  if (arr.hasOwnProperty(property)) {
    console.log(arr[property]); // "a", "b", "c"
  }
}
5.イテレータ (ES2015 )
配列は反復可能なオブジェクトであり、 next():
const iterator = arr[Symbol.iterator]();
while (true) {
  const result = iterator.next();
  if (result.done) break;
  console.log(result.value); // "a", "b", "c"
}