[책] 자바스크립트 코드 레시피 278 - 58일차

객체 요소 분할 대입(비구조화 할당) 하기

• 객체의 데이터를 정리하여 대입하고 싶을 때
• 객체의 일부 데이터를 추출하여 사용하고 싶을 때

구문

{ 변수1, 변수2, 변수3 } = 객체;

실습

const userData = {
    id: 1,
    name: '만나서 아는 척 해줬으면 좋겠다.',
    age: 30,
}
const { id, name, age, job } = userData;
console.log(id); // 1
console.log(name); // 만나서 아는 척 해줬으면 좋겠다.
console.log(age); // 30
console.log(job); // undefined 선언했지만 값이 없다.

value 값 다른 방법으로 알아봅니다. Object(객체).key(속성) 사용합니다. 그리고 value 없으면 undefined 가 나옵니다.

console.log(userData.id); // 1
console.log(userData.name); // 만나서 아는 척 해줬으면 좋겠다.
console.log(userData.age); // 30
console.log(userData.job); // undefined 선언했지만 값이 없다.