자바스크립트 객체와 비구조화 할당

자바스크립트의 객체를 표현할 때는 JSON을 많이 활용한다. JSON은 이름 그대로 JavaScript Object Notation이다. 자바스크립트에서 객체를 만들 때 사용하는 표현식으로, 이해하기 편하고 용량이 작다. JSON은 데이터 포맷일 뿐이며 단순히 데이터를 표시하는 표현방법이다.

const hero = {
	name: "superman",
    gender: "man",
    age: 20
}

// ${hero.name} : "superman" 이런식으로 사용한다

name-value 형식의 쌍으로 이뤄지며, name-value에서 value는 Array로도 사용할 수 있다. 이 때에는 데이터를 대괄호 안에 넣고 쉼표로 구분짓는다.

 이러한 객체를 표현하는 JSON 형태는 비구조화 할당이 가능한데, ES6에서 등장한 문법으로, 객체의 구조를 분해하는 것이다. 구조화된 배열, 또는 객체에서 필요한 값만을 추출하여 변수에 할당하거나 값을 반환할때 유용하다.

const { name, gender, age } = hero;  // hero에서 추출하고 싶은 값 name, gender, age

const text = `${name}, ${gender}, ${age}`; // ${hero.name} 으로 사용하던 것에 비해 사용하기 편해짐