모던한 프로퍼티 표기법

객체 프로퍼티 간결하게 작성하기

const user = {
  title: 'Codeit',
  birth: 2017,
  job: '프로그래밍 강사'
};

 

- 변수의 할당된 값을 활용하여 프로퍼티 작성가능

- 변수의 이름과 프로퍼티 이름이 동일하면 축약형으로 하나만 작성가능

const title = 'Codeit';
const birth = 2017;
const job = '프로그래밍 강사';

const user = {
  title,
  birth;
  job
};

console.log(user); // {title: "Codeit", birth: 2017, job: "프로그래밍 강사"}

function getFullName() {
  return `${this.firstName} ${this.lastName}`;
};

const user = {
  firstName: 'Tess',
  lastName: 'Jang',
  getFullName
};

const admin = {
  firstName: 'Alex',
  lastName: 'Kim',
  getFullName: getFullName
};

console.log(user.getFullName()); //Tess Jang
console.log(admin.getFullName()); // Alex Kim

 

- 객체 내부에서 메소드를 선언할 때 콜론기호(:)와 function 키워드 생략가능

const user = {
  firstName: 'Tess',
  lastName: 'Jang',
  getFullName() {
    return `${this.firstName} ${this.lastName}`;
  }
};

console.log(user.getFullName()); // Tess Jang

 

프로퍼티 이름을 표현식으로 나타내는 방법

-> 계산된 속성명 (computed property name)

const user = {
  [표현식]: 값,
};

const user = {
  ['Code' + 'it'] = 'value
};

console.log(user); // {Codeit: "value"}