Object Destructuring

dev_space·2021년 8월 15일
0

JavaScript

목록 보기
2/6

Object Destructuring

지름길로 생각할 수 있다.

const human = {
	name: "jeon",
  	weapon: "stone"
  	country: "korea"
}

const name = human.name;
const weapon = human.weapon;

console.log(name, weapon);

위의 코드는 효율적이지 못하다. name, weapon 이 같은 행동을 반복해서 하고 있기 때문이다.
그래서 Structuring 을 이용한다.

const { name, weapon } = human

이렇게 하면 object 에서 key 이름에 맞게 name 과 weapon 에 넣게된다.


여러개도 가능하다.

const { name, weapon, country } = human

꼭 정해진 이름이 아니여도 된다. 바꿀 수 있다.

const { name, weapon, country: toy } = human

toy 변수 안에 country value 가 들어간다.


const human = {
	name: "jeon",
  	weapon: "stone"
  	country: "korea"
  	fav_food: {
		breakfast: "kimchi",
  		lunch: "agg",
  		dinner: "potato"
	}
}

object 안의 object 도 가지고 올수있다.

const { name, weapon, country: toy, fav_food: {dinner, breakfast, lunch} } = human
profile
개발자 되기

0개의 댓글