[javascript] ES6 단축 속성명

객체의 key와 valuse 값이 같다면 생략 가능하다.

 

쓰는 이유?

변수명과 속성명을 일일이 작성하지 않아도 코드를 간결하게 작성 가능, 변수명이 변경되더라도 속성명을 수정할 필요가 없음.

 

const name = "John";
const age = 25;


// 단축 속성명을 사용하여 객체를 정의
const person = {
  name, // name: name과 동일한 의미
  age,  // age: age와 동일한 의미
  sayHello() {
    console.log(`안녕하세요, 저는 ${this.name}이고 ${this.age}살입니다.`);
  }
};

console.log(person.name); // 출력: "John"
console.log(person.age);  // 출력: 25
person.sayHello();        // 출력: "안녕하세요, 저는 John이고 25살입니다."