JavaScriptでの配列のコピー方法と例

2024-02-10 06:29 JavaScript 配列 コピー
  1. スプレッド演算子を使用する方法: スプレッド演算子を使うと、配列の要素を新しい配列に展開することができます。
const originalArray = [1, 2, 3];
const copiedArray = [...originalArray];
console.log(copiedArray); // [1, 2, 3]
  1. Array.from()メソッドを使用する方法: Array.from()メソッドを使うと、配列や配列風のオブジェクトを新しい配列に変換できます。
const originalArray = [1, 2, 3];
const copiedArray = Array.from(originalArray);
console.log(copiedArray); // [1, 2, 3]
  1. Array.prototype.slice()メソッドを使用する方法: slice()メソッドを使用すると、配列の一部を切り出して新しい配列を作成できます。配列全体を切り出すことで、完全なコピーを作成することができます。
const originalArray = [1, 2, 3];
const copiedArray = originalArray.slice();
console.log(copiedArray); // [1, 2, 3]
  1. Array.prototype.concat()メソッドを使用する方法: concat()メソッドを使用すると、既存の配列に新しい配列を連結して、新しい配列を作成できます。
const originalArray = [1, 2, 3];
const copiedArray = [].concat(originalArray);
console.log(copiedArray); // [1, 2, 3]

これらはJavaScriptで配列をコピーするための一般的な方法のいくつかです。どの方法を選ぶかは、使用する状況や要件によって異なります。配列の要素がプリミティブな値（数値、文字列など）である場合は、どの方法を使用しても期待通りに動作します。ただし、配列の要素がオブジェクトや配列などの参照型の場合は、注意が必要です。その場合、浅いコピーと深いコピーの違いに注意しながら適切な方法を選ぶ必要があります。