더북(TheBook)

다음은 “JSON 객체의 변화 감지하기” 전체 코드입니다.

REPL의 App.svelte 전체 코드
<script>
    // 원본 JSON 객체 정의
    let man = {
          age: "10",
          name: { first: "승현", last: "박" }
    };
    let name = man.name; //name으로 man.name 복사
    function assignment() {
        man.name.last = "park";  // 원본 JSON 객체의 last 값을 "박"에서 "park"으로 변경
        console.log(name.last);  // 복사본의 값이 변경되었는지 확인
          name = name;           // 할당 트리거로 감지 코드 동작
    }
</script>
  
<p>man.name.last: {man.name.last}</p> <!-- 원본 JSON 객체 man으로 접근한 last의 값 출력 -->
<p>name.last: {name.last}</p>         <!-- 참조 변수 name으로 접근한 last의 값 출력-->
<button on:click={assignment}>할당</button> <!-- 동작 확인 트리거 -->
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.