[ JavaScript ] ES6 : 비구조화 할당(Destructuring)

 

1. 비구조화 할당(Destructuring assignment)

 

: 객체 또는 배열에서 데이터를 분석해 각각의 변수에 할당해주는 것.

 

 

 

destructuring 을 사용하면 json 형식의 객체나 배열을 쉽게 변수에 할당할 수 있다.

 

 

 

 

let data = [{
	id : 1,
    arr: [{
    	name : ['철보빡','열공'],
        age : 100
    }]
}];

let [{id, arr:[{name, age}]}] = data;
console.log(`
id : ${id}
age : ${age}
`);

 

 

 

let 선언자 옆에 배열 표현식으로 동일하게 배치만 해주면 된다.

 

배열이 아닌 객체도 객체 표현식으로 할당 가능하다.

 

 

 

함수의 리턴값도 비 구조화 할당을 통해 여러 변수로 받을 수 있다.

 

 

function color({name, color}){
	return {
    	str : name+"'s color : ",
        printColor(){
        	console.log(str+color);
        }
    }
}
var {str, printColor} = color({name : "철보빡", color : "red"});
printColor();

 

 

 

 

 

객체의 속성이나 배열의 값을 변수에 할당해야할때

 

Destructuring 을 통해 간편하게 할당하고 정의할 수 있다.