[JS] Shorthand property names

key, value값이 동일할때는 하나로 생략 가능함

 

const ellie1 = {
  name: 'Ellie',
  age: '18',
};
const name = 'Ellie';
const age = '18';


// 
const ellie2 = {
  name: name,
  age: age,
};

 

자바스크립트에서 객체는 항상 key, value로 이루어짐.

 

위 코드에서 const name, const age를 활용해서 새로운 객체인 ellie2를 만든다면,

객체 ellie2 내의 (하얀색) name, age는 각각 위에 변수 선언을 해줬던 Ellie, 18을 가리키게 될 것임.

 

 

-> 이렇게 객체 내의 key, value 값이 동일할 때는 하나로만 축약해서 작성 가능하다. 

 

const ellie3 = {
  name,
  age,
};

 

 

 

 

출처 : https://youtu.be/36HrZHzPeuY