JavaScript(Angular)でオブジェクトを参照渡しでなくコピーするには？

Question

お世話になっております
AngularJsでオブジェクトを利用して出力したいと考えております。その際に
・オブジェクト(マスター用)
・オブジェクト(出力用)
と2つ用意したいと思っております。

$scope.master.val = 5;
$scope.output = $scope.master;
$scope.output.val = 1;

とした場合、

○ $scope.master.val == 5
× $scope.master.val == 1

としたいのですが、実際には参照渡しなので、同一のオブジェクトとして扱われ

$scope.master.val == 1

となってしまいます。
こちらに対応するにはどうすれば良いかお分かりになる方、いらっしゃいましたらよろしくお願いします。

Comments

[og24715]

２つ目のコードブロックで両方共 $scope.master.val に代入しているのは typo ですか？

Answer 1

新しくオブジェクトインスタンス作る

$scope.output = { ...$scope.master };

or

$scope.output = Object.assign({}, $scope.master);

Answer 2

調べたらいろいろな人が試行錯誤しているはずです。質問する前に自分で調べてください。
例 : https://qiita.com/delphinus/items/edb963135e2ed176460b

Comments

[mather]

僕のAngularの知識が既に古かったら申し訳ないですが、Angularの概念としては双方向バインディングだと思うので、「表示用」のオブジェクトを作ることがナンセンスだと思います。