JavaScriptで配列をコピーする方法と例

2024-02-10 06:29 JavaScript 配列 コピー

  1. スプレッド演算子を使用する方法:

    const originalArray = [1, 2, 3];
const copiedArray = [...originalArray];

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

    const originalArray = [1, 2, 3];
const copiedArray = Array.from(originalArray);

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

    const originalArray = [1, 2, 3];
const copiedArray = originalArray.slice();

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

    const originalArray = [1, 2, 3];
const copiedArray = [].concat(originalArray);

  5. JSON.stringify()とJSON.parse()を使用する方法:

    const originalArray = [1, 2, 3];
const copiedArray = JSON.parse(JSON.stringify(originalArray));

これらの方法は、異なるコピー手法を提供しています。ただし、注意点もあります。たとえば、オブジェクトや多次元配列の場合は、深いコピー（deep copy）が必要になることがあります。上記の例は、単純な1次元配列のコピーに適しています。

また、これらの方法はすべて浅いコピー（shallow copy）を作成します。つまり、元の配列とコピーされた配列は同じオブジェクトを参照する場合があります。必要に応じて、深いコピーを作成するための別の手法を使用する必要があります。

以上が、JavaScriptで配列をコピーする方法といくつかの例です。これらのコード例を参考に、適切な方法を選択して配列をコピーしてください。