angular typescriptでの参照設定について

Question

angularでソースを書いております。
下記のようなソースを実行した際、
arrのvalueに同一のarr2[j].arr3が代入されることで、
一方のarrのvalueを変更しても、もう一方のarrのvalueも変更
されてしまいます。（参照されてしまっているため）

arrに格納する際に、arr2をconcat()、slice()などで
違う配列としたりしましたが一向に解決しません。

解決策をご教授していただきたく質問しました。

let arr = [];
for (let i = 0; i < arr1.length; i++) {
  for (let j = 0; j < arr2.length; j++) {
    for (let k = 0; k < arr2[j].arr3.length; k++) {
      if (arr1[i].id == arr2[j].arr3[k].id) {
        arr.push({
          value: arr2[j].arr3,
        });
      }
    }
  }
}

Answer 1

arr2ではなくarr3をコピーしないといけないのではないですか？
arr.push( arr2[j].arr3.concat() )はどうですか

もちろんarr3が参照型の配列ならそれでは不十分でそれぞれコピーが必要ですがintとかならいけます

詳しくはコチラが参考になります。
https://kurochan-note.hatenablog.jp/entry/20110316/1300267023