본문 바로가기
공부 정리/jsChallenge

js challenge day 14

by 경적필패. 2023. 2. 10.
반응형

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

댓글