반응형
copy
Code
<script>
// start with strings, numbers and booleans
// Let's say we have an array
const players = ['Wes', 'Sarah', 'Ryan', 'Poppy'];
const team = players;
team[0] = "kjs"
console.log(players, team);
const team2 = [...players];
team2[0] = "kjs2";
console.log(players, team2);
// with Objects
const person = {
name: 'Wes Bos',
age: 80
};
const cap = person;
cap.number = 99;
console.log(person, cap);
const cap2 = Object.assign({}, person, { number: 99, age: 12 });
console.log(cap, cap2);
const cap3 = { ...person };
cap3.number = 1;
console.log(person, cap3)
const wes = {
name: 'Wes',
age: 100,
social: {
twitter: '@wesbos',
facebook: 'wesbos.developer'
}
};
console.clear();
console.log(wes);
const dev = Object.assign({}, wes);
const dev2 = JSON.parse(JSON.stringify(wes));
console.log(dev, dev2);
</script>
배운 점 & 느낀 점
객체 복사에 대해서 알려주는 과제였습니다.
이전에 학습했던 주제라 복습하였습니다.
객체복사는 주소복사를 하기 떄문에 조심해야함.
값을 복사하고 싶다면 es6문법인 스프레드연산자를 사용하면 됩니다.
반응형
'공부 정리 > jsChallenge' 카테고리의 다른 글
js challenge day 16 (0) | 2023.02.13 |
---|---|
js challenge day 15 (0) | 2023.02.11 |
js Challenge day 13 (0) | 2023.02.08 |
js challenge day 12 (0) | 2023.02.07 |
js challenge day 11 (0) | 2023.02.06 |
댓글