ES6では、配列オブジェクトをどのように反復処理しますか？

2年 ago
夏樹, 風
1 minute

ES6では、for…ofループを使用して配列オブジェクトを繰り返し処理することができます。

例えば、以下は配列オブジェクトの例です：

const arr = [1, 2, 3, 4, 5];

for (let item of arr) {
  console.log(item);
}

結果の出力：

1
2
3
4
5

for…ofループは配列オブジェクトの値を走査しますが、インデックスではありません。インデックスを走査する場合は、Array.prototype.entries()メソッドを使用してインデックスと値のイテレータを取得できます。

const arr = [1, 2, 3, 4, 5];

for (let [index, value] of arr.entries()) {
  console.log(index, value);
}

結果を出力する：

0 1
1 2
2 3
3 4
4 5

for…ofループ以外にも、Array.prototype.forEach()メソッドを使用して配列オブジェクトを繰り返し処理することができます。

const arr = [1, 2, 3, 4, 5];

arr.forEach((item, index) => {
  console.log(index, item);
});

結果出力：

0 1
1 2
2 3
3 4
4 5

ES6で配列オブジェクトをイテレートするためのいくつかの一般的な方法を紹介します。具体的なニーズに応じて適切な方法を選択してください。

bannerAds