Javascript - Object Destructuring

 

인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다.
개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다.

 

Object Destructuring

 

• Object Destructuring 이란?

오브젝트에서 원하는 키의 벨류 값만을 얻고자 할 경우에 사용하는 기능이다.

<기본 개념>

//Object Destructuring을 사용하지 않는 일반적인 경우

function getPerson( ) {
	return {
	firstName: "John",
	lastName: "Kim",
	age: 37,
	email: "John@gmail.com",
	city: "New York",
	country: "USA"
	};
 }

var person = getPerson();
    
console.log(person);		//전체 오브젝트를 모두 얻고자 할 경우

console.log(person.firstName);	//firstName 키의 벨류 값만을 얻고자 할 경우

console.log(person.lastName);	//lastName 키의 벨류 값만을 얻고자 할 경우



//Object Destructuring을 사용하여 원하는 키의 벨류 값만을 얻고자 할 경우
     
function getPerson( ) {
	return {
	firstName: "John",
	lastName: "Kim",
	age: 37,
	email: "John@gmail.com",
	city: "New York",
	country: "USA"
	};
 }

var {firstName, lastName} = getPerson();

console.log(firstName);

// 결과 : John

console.log(lastName);

// 결과 : Kim

//변수 선언 시, 변수명을 쓰는 자리에 얻고자하는 키 값을 {}안에 쓰고 
//해당 키 값으로 호출하면 원하는 키 값의 벨류를 얻을 수 있다.