TIL 16 | [React] 구조 분해 할당

ES6에서 배열과 object를 조금 더 쉽게 다루는 방식이 추가됐다. 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다.

구조 분해 할당

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 표현식이다.

어떤 식으로 사용하나 ?

const user = {
	name: "seung"
  	age: "26"
  	job: "developer"
}

그리고 객체를 호출하기 위한 함수를 정의했습니다.

function getUserInfo(user){
	return `이름은 ${user.name}이고 나이는 ${user.age}, 직업은 ${user.job}입니다.`
}

위의 함수를 보면 user가 세번이나 반복된다.

function getUserInfo(user){
  const { name, age, job } = user;
	return `이름은 ${user.name}이고 나이는 ${user.age}, 직업은 				${user.job}입니다.`
}

이런 식으로 객체의 Property를 이용해서 변수처럼 접근해서 사용이 가능합니다.