JavaScriptで配列の指定したインデックスに要素を追加する方法


  1. push()メソッドを使用する方法: push()メソッドは、配列の末尾に新しい要素を追加するためのメソッドです。しかし、指定したインデックスに要素を追加するためには、事前に要素を追加したい位置までの要素を一度別の一時配列にコピーし、その後に新しい要素を追加する必要があります。以下のコード例を参考にしてください。

    const array = [1, 2, 3, 4, 5];
    const index = 2; // 追加したいインデックス
    const element = 10; // 追加したい要素
    const tempArray = array.slice(0, index); // インデックスまでの要素を一時配列にコピー
    tempArray.push(element); // 要素を追加
    const newArray = tempArray.concat(array.slice(index)); // 残りの要素を結合
    console.log(newArray); // [1, 2, 10, 3, 4, 5]
  2. splice()メソッドを使用する方法: splice()メソッドは、配列の指定した位置に要素を追加または削除するためのメソッドです。以下のコード例を参考にしてください。

    const array = [1, 2, 3, 4, 5];
    const index = 2; // 追加したいインデックス
    const element = 10; // 追加したい要素
    array.splice(index, 0, element); // 指定したインデックスに要素を追加
    console.log(array); // [1, 2, 10, 3, 4, 5]

これらの方法を使用することで、JavaScriptで配列の指定したインデックスに要素を追加することができます。詳細な使用方法や応用例については、公式のJavaScriptドキュメントを参照してください。