JavaScriptでfor...ofループを使用して配列をループする方法

1. for...ofループの基本構文:

for (let element of array) {
  // ループの本体
}

2. 配列の要素をループする例:

const array = [1, 2, 3, 4, 5];
for (let element of array) {
  console.log(element);
}

上記のコードは、配列の各要素を順番にコンソールに出力します。この例では、1から5までの数字が順番に表示されます。

3. 配列のインデックスと要素を同時に取得する方法:

const array = ['apple', 'banana', 'orange'];
for (let [index, element] of array.entries()) {
  console.log(`Index: ${index}, Element: ${element}`);
}

上記のコードでは、array.entries()メソッドを使用して、配列のインデックスと要素を同時に取得しています。ループのたびに、現在のインデックスと要素が表示されます。

4. for...ofループを用いた配列の要素の変更:

const array = [1, 2, 3, 4, 5];
for (let element of array) {
  array[array.indexOf(element)] = element * 2;
}
console.log(array);

上記のコードでは、配列の各要素を2倍に変更しています。for...ofループ内で配列の要素を変更することができますが、注意が必要です。配列の要素を変更する場合は、ループ内で要素を変更する前に要素のインデックスを確認する必要があります。

これらはJavaScriptでfor...ofループを使用して配列をループするいくつかの例です。他にも、for...ofループを使用して配列の要素に対するさまざまな操作を行うことができます。この方法は、配列の各要素に順番にアクセスする必要がある場合に特に便利です。