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를 이용해서 변수처럼 접근해서 사용이 가능합니다.
Author And Source
이 문제에 관하여(TIL 16 | [React] 구조 분해 할당), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@tmdckzm/TIL-16-React-구조-분해-할당저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)