前置き
javascriptにてオブジェクト配列をスプレッド構文でコピーした際、
obj_aryとobj_ary_copyは同一でないにもかかわらず参照が保たれています。
const obj_ary = [
{ 'aaa': 100 },
{ 'bbb': 200 }
];
const obj_ary_copy = [...obj_ary];
console.log(obj_ary === obj_ary_copy); // false
obj_ary["0"].aaa = 300;
console.log(obj_ary_copy); // [{"aaa":300},{"bbb":200}] ← obj_ary_copy[0].aaaも変化している
疑問点
01
なぜ、このようなシャローコピーとディープコピーの間の子のようなコピー方法が存在するのですか?
(もし何らかの有効な使い方があれば教えて頂きたいです)
02
参照を保ったコピーという観点のみで考えるならば、
const obj_ary_copy = obj_ary;
のような直接的な値の代入とスプレッド構文によるコピーで何らかの差はありますか?