🔗
2段以上のオブジェクトのコピー
🔗

2段以上のオブジェクトのコピー

⚠️
浅いコピーは1段までしかできません。
 

JSON.parse, JSON.stringify

setInitialBeforeOrderState(payload) {
      this.beforeOrderState = JSON.parse(JSON.stringify({
				before_order_user_id: payload.before_order_user_id,
...
}
 

loadash

import _ from 'lodash';

setInitialBeforeOrderState(payload) {
      this.beforeOrderState = _.cloneDeep({
				before_order_user_id: payload.before_order_user_id,
...
}
 

参考にした資料

structuredCloneを使ってオブジェクトをディープコピーする
JavaScript でのstructuredClone関数が Chrome98 から使えるようになりました 🎉
structuredCloneを使ってオブジェクトをディープコピーする
https://zenn.dev/kata_n/articles/87e7b3d644c6cc
structuredCloneを使ってオブジェクトをディープコピーする
자바스크립트 객체 복사하기 (deep copy)
객체를 복사한다고 하면 가장 널리 알려져있는 방법으로는 Object.assign과 스프레드 연산자를 통해 복사하는 방법이 있을 것이다.먼저 Object.assign을 통해 객체를 복사하였다.제대로 복사되었는지 확인하기 위해 복사한 객체의 value 값을 변경해보자.두
자바스크립트 객체 복사하기 (deep copy)
https://velog.io/@reasonz/자바스크립트-객체-복사하기-deep-copy
자바스크립트 객체 복사하기 (deep copy)
[Javascript] Json Copy. DeepCopy
아래와 같은 코드가 있을 때, 결과를 예상해 보세요. let myScore = { "Math": 50, "Eng": 40, "Kor": 45 } let yourScore = myScore yourScore.Eng = 90 console.log(yourScore.Eng) console.log(myScore.Eng) . . . . . 결과는 90 90 입니다. 자바스크립트에서 JSON 객체를 복사할 때, 깊은 복사와 얕은 복사라는 개념이 있습니다. (다른 언어에도 있습니다.) DeepCopy 깊은복사 깊은 복사란, JSON 객체를 복사할 때, 객체가 가리키고 있는 모든 객체를 새로운 객체로 복사하는 것을 말합니다. 이렇게 복사하면 원본 객체와 복사된 객체는 서로 완전히 독립적인 객체가 됩니다. const _..
[Javascript] Json Copy. DeepCopy
https://hello-bryan.tistory.com/462
[Javascript] Json Copy. DeepCopy