JavaScript 구조 분해할당에 대해 알아보자

 

자바스크립트에서는 구조분해 할당이라는 문법을 사용할수 있다.

const object = {
	a : 1,
    b : 2,
    c : 3
}

const a = object.a;
const b = object.b;
const c = object.c;

object를 참조해 a,b,c를 참조 할 수 있었는데.

 

const object = {
	a : 1,
    b : 2,
    c : 3
}

const {a,b,c} = object;

두번째 코드가 첫번째 코드와 같은 기능을 가진다.

 

이는 자바스크립트 함수에서도 사용가능한데.

function x(params) {
	console.log(params.name);
    console.log(params.description);
}

위의 코드를

 

function x({name, description}) {
	console.log(name);
    console.log(description);
}

위처럼 작성 할 수 있다.