More than 3 years have passed since last update.

javascriptで配列の要素がオブジェクトの場合に、全て値渡しでコピーしたいとき

Last updated at 2020-09-08Posted at 2020-09-08

vue.js等を使っていると、dataに定義している配列を、参照渡しじゃなくて、値のみコピーしたい場合ってよくありますよね。

例. 下記のような配列の要素がオブジェクトの場合。

const array = [{a: 1}, {a: 2}]

下記のようにmapで各要素ごとをスプレッド構文で展開して、pushしていけばおｋ。

let newArray = []
array.map(a => {
  newArray.push({...a})
})

また、そのタイミングで、新しいプロパティを追加したい場合は、下記のようにすればおｋ

let newArray = []
array.map(a => {
  newArray.push({...a, b: 0})
})

もっといいコピーの仕方を知っている方がいれば教えて下さい！