JavaScriptのforループで配列のインデックスを使用する方法


  1. forループとインデックス変数を使用する方法:

    const array = [1, 2, 3, 4, 5];
    for (let i = 0; i < array.length; i++) {
     console.log(`Index: ${i}, Value: ${array[i]}`);
    }

    この方法では、iというインデックス変数を使用して、配列の各要素にアクセスします。ループの各イテレーションで、現在のインデックスと対応する値が表示されます。

  2. for...ofループを使用する方法:

    const array = [1, 2, 3, 4, 5];
    for (const [index, value] of array.entries()) {
     console.log(`Index: ${index}, Value: ${value}`);
    }

    array.entries()メソッドを使用することで、配列の各要素のインデックスと値のペアを取得できます。これにより、for...ofループ内でインデックスと値にアクセスすることができます。

  3. forEachメソッドを使用する方法:

    const array = [1, 2, 3, 4, 5];
    array.forEach((value, index) => {
     console.log(`Index: ${index}, Value: ${value}`);
    });

    forEachメソッドは、配列の各要素に対して指定した関数を実行します。この関数の引数として、値とインデックスを受け取ることができます。