JavaScriptのfor...ofループを使用して配列のインデックスを取得する方法

以下に、for...ofループを使用して配列のインデックスを取得する方法とコード例をいくつか示します。

1. Array.prototype.entries()メソッドを使用する方法:

   const array = ['apple', 'banana', 'orange'];
   for (const [index, element] of array.entries()) {
   console.log(`インデックス: ${index}, 要素: ${element}`);
   }

   このコードでは、entries()メソッドを使用して配列をイテレータオブジェクトに変換し、for...ofループでそのオブジェクトを反復処理しています。[index, element]の部分では、現在の要素のインデックスと値が分割代入されています。

2. Array.prototype.keys()メソッドを使用する方法:

   const array = ['apple', 'banana', 'orange'];
   for (const index of array.keys()) {
   console.log(`インデックス: ${index}, 要素: ${array[index]}`);
   }

   この方法では、keys()メソッドを使用して配列のインデックスを含むイテレータオブジェクトを取得し、for...ofループで反復処理しています。各反復で、現在のインデックスを取得し、配列から対応する要素を取得しています。