[FE] javascript 객체의 복사와 비교

[2je0]

객체의 얕은 복사

const original = {profile: {name:'철수', age:12}, grade: 'A'};
const clone = { ...original };

clone.profile.name = '영희';
clone.grade = 'B';

console.log(original) // {profile: {name: '영희', age: 12}, grade: 'A'}
console.log(clone); // {profile: {name: '영희', age: 12}, grade: 'B'}

객체의 깊은 복사

const original = {profile: {name:'철수', age:12}, grade: 'A'};
const clone = JSON.parse(JSON.stringify(original));

clone.profile.name = '영희';
clone.grade = 'B';

console.log(original) // {profile: {name: '철수', age: 12}, grade: 'A'}
console.log(clone); // {profile: {name: '영희', age: 12}, grade: 'B'}

객체의 비교

const obj = { foo: 'bar', baz: 42 };
const obj2 = { foo: 'bar', baz: 42 };

console.log(JSON.stringify(obj)) //'{"foo":"bar","baz":42}'
console.log(JSON.stringify(obj2)) // '{"foo":"bar","baz":42}'
console.log(JSON.stringify(obj)===JSON.stringify(obj2)) // true