JavaScriptで配列を拡張する方法 - コード例と解説


  1. push()メソッドを使用する方法: 配列の末尾に要素を追加するには、push()メソッドを使用します。

    const array = [1, 2, 3];
    array.push(4);
    console.log(array); // [1, 2, 3, 4]
  2. concat()メソッドを使用する方法: 既存の配列と新しい要素を結合するには、concat()メソッドを使用します。

    const array1 = [1, 2, 3];
    const array2 = array1.concat(4);
    console.log(array2); // [1, 2, 3, 4]
  3. スプレッド演算子を使用する方法: スプレッド演算子(...)を使用して、配列を展開し、新しい要素を追加することができます。

    const array1 = [1, 2, 3];
    const array2 = [...array1, 4];
    console.log(array2); // [1, 2, 3, 4]
  4. Array.from()メソッドを使用する方法: Array.from()メソッドを使用して、既存の配列を基に新しい配列を作成することができます。

    const array1 = [1, 2, 3];
    const array2 = Array.from(array1).concat(4);
    console.log(array2); // [1, 2, 3, 4]
  5. プッシュとスプレッド演算子の組み合わせ: push()メソッドとスプレッド演算子を組み合わせて、新しい要素を配列の末尾に追加することもできます。

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

これらはJavaScriptで配列を拡張するための一部の基本的な方法です。必要に応じてこれらのパターンを応用して、より複雑な操作を行うこともできます。