> For the complete documentation index, see [llms.txt](https://triplexlab.gitbook.io/vanilla-js/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://triplexlab.gitbook.io/vanilla-js/practice/undefined-2.md).

# 비구조화 할당

### 비구조화 할당 사용하기 전 

```javascript
<script>
    (function() {
        const iroMan = {
            name: '토니 스타크',
            actor: '로버트 다우니 주니어',
            alias: '아이어맨'
        };

        const captainAmerica = {
            name: '스티븐 로저스',
            actor: '크리스 에반스',
            alias: '캡틴 아메리카'
        };

        const print = function(hero){
            const text = `${hero.alias}(${hero.name}) 역할을 맡은 배우 ${hero.actor} 입니다.`
            console.log(text);
        };

        print(iroMan);
        print(captainAmerica);
    })();
</script>
```

### 비구조화 할당 사용한 후&#x20;

```javascript
<script>
    (function() {
        const iroMan = {
            name: '토니 스타크',
            actor: '로버트 다우니 주니어',
            alias: '아이어맨'
        };

        const captainAmerica = {
            name: '스티븐 로저스',
            actor: '크리스 에반스',
            alias: '캡틴 아메리카'
        };

        const print = function(hero){
            const {alias, name, actor} = hero; //비구조 분해 할당을 사용한것 입니다.
            
            const text = `${alias}(${name}) 역할을 맡은 배우 ${actor} 입니다.`
            console.log(text);
        };

        print(iroMan);
        print(captainAmerica);
    })();
</script>
```

### 함수 파라미터에 비구조 분해 할당 사용하기&#x20;

```javascript
<script>
    (function() {
        const iroMan = {
            name: '토니 스타크',
            actor: '로버트 다우니 주니어',
            alias: '아이어맨'
        };

        const captainAmerica = {
            name: '스티븐 로저스',
            actor: '크리스 에반스',
            alias: '캡틴 아메리카'
        };

        const print = function({alias, name, actor}){ // 함수 파라미터에 비구조 분해 할당 사용하기 
            const text = `${alias}(${name}) 역할을 맡은 배우 ${actor} 입니다.`
            console.log(text);
        };

        print(iroMan);
        print(captainAmerica);
    })();
</script>
```

{% file src="/files/-M5XCAs4O-2UEgwRL3tA" %}
비구조화 할당 test
{% endfile %}