JavaScriptの配列に要素を追加する方法 - コード例と解説


  1. pushメソッドを使用する方法:

    const array1 = [1, 2, 3];
    array1.push(4);
    console.log(array1); // [1, 2, 3, 4]

    pushメソッドは、配列の末尾に新しい要素を追加します。

  2. concatメソッドを使用する方法:

    const array1 = [1, 2, 3];
    const array2 = array1.concat(4);
    console.log(array1); // [1, 2, 3]
    console.log(array2); // [1, 2, 3, 4]

    concatメソッドは、指定した要素を含む新しい配列を作成します。

  3. spread演算子を使用する方法:

    const array1 = [1, 2, 3];
    const array2 = [...array1, 4];
    console.log(array1); // [1, 2, 3]
    console.log(array2); // [1, 2, 3, 4]

    spread演算子は、配列の要素を展開して新しい配列を作成します。

  4. lengthプロパティを使用して要素を追加する方法:

    const array1 = [1, 2, 3];
    array1[array1.length] = 4;
    console.log(array1); // [1, 2, 3, 4]

    lengthプロパティは、配列の現在の要素数を表します。この方法では、新しい要素を末尾に追加します。

これらは、JavaScriptで配列に要素を追加するための一般的な方法です。どの方法を選ぶかは、使用する状況や好みによって異なります。