[JavaScript] destructuring Assignment

@notepad_jj2

츄르사려고 코딩하는 코집사입니다.

---

[JavaScript] destructuring Assignment

 

1. 기본 할당

- 기본 할당은 아래와 같이, const 중괄호를 통해, id, name, age를 할당할 수 있다.

<script>
        const user = {
            id = "wowow",
            name = "wow",
            age = 25
        };
</script>

 

- 그래서, let을 사용하여 user 객체의 id, name, age를 할당할 수도 있다.

<script>
        // 기본 Object
        {
            let id = user.id;
            let name = user.name;
            let age = user.age;
            console.log(id, name, age);
        }

    </script>

 

- Destructuring Assianment는 아래와 같이 코드를 사용할 수 있다.

- let {id, name, age} = user; 는 user라는 객체에서 id와 name, age를 가져옴

        
        // Destructuring Assianment
        {
            let {id, name, age} = user;
            console.log(id, name, age);
        }

 

- 그래서, 아래와 같이 응용하여 새로운 변수에 할당할 수 있다.

- user라는 객체에서 id는 wowid에, name은 wowname에, age는 wowage에 넣는다.

        // 기존의 이름과 다르게 할당
        let {id : wowid, name : wowname, age : wowage} = user;
        console.log(wowid, wowname, wowage)