var c = Object.assign({},b); 객체 얕은 복사, 객체 복사 방법

1
var a = {x:1,y:2};
var b = {a:a,y:2};
var c = Object.assign({},b);

JSON.stringify(c)
=>"{"a":{"x":1,"y":2},"y":2}"

a.x = 100;
JSON.stringify(c)
=>"{"a":{"x":100,"y":2},"y":2}"
// c.a 는 a 이기 때문(객체를 적용하면, 참조로 값이 제어됨)에 a.x로 바꾸면 참조로 연결된 c.a.x 도 바뀐다.

b.y=200
=>JSON.stringify(c)
"{"a":{"x":100,"y":2},"y":2}"
// b.y와 c.y는 서로 별개이다. 변수가 기본형이라서 값이 복사되어서 별개로 동작한다.



deep clone 으로 동작시키고 싶으면
var obj1 = {x:1,y:2}
var obj2 = JSON.parse(JSON.stringify(obj1));
처럼 하는 방법이 있다.
댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
제목 작성자 날짜
공대여자 18-10-1710-17
공대여자 11-03-0303-03
tag:1 #link
공대여자 05-11-2811-28
공대여자 19-01-1401-14
공대여자 19-01-1101-11
공대여자 19-01-1101-11
공대여자 19-01-1001-10
공대여자 19-01-0901-09
공대여자 19-01-0901-09
공대여자 19-01-0901-09
공대여자 19-01-0901-09
공대여자 19-01-0801-08
공대여자 19-01-0801-08
공대여자 19-01-0801-08
공대여자 19-01-0701-07
공대여자 19-01-0701-07
공대여자 19-01-0701-07
공대여자 19-01-0701-07