[JavaScript] 객체 리터럴 프로퍼티 기능 확장

---

1. 프로퍼티 축약

프로퍼티 값으로 변수를 사용하는 경우, 프로퍼티 이름을 생략할 수 있다.

let x = 1, y = 2;

// ES5
var obj = {
    x: x,
    y: y
};

// ES6
const obj = { x, y };

 

 

 

2.프로퍼티 키 동적 생성

객체 리터럴 내부에서 프로퍼티 키를 동적으로 생성할 수 있다.

let i = 0;

// ES5
obj2[++i] = i;
obj2[++i] = i;
obj2[++i] = i;

// ES6
const obj1 ={
    [`${++i}`]:i,
    [`${++i}`]:i,
    [`${++i}`]:i,
}

 

 

 

 

3.메소드 축약 표현

메소드를 선언할 때, function 키워드를 생략한 축약 표현을 사용할 수 있다.

var obj4 = {
    // ES5
    sayHi: function() {
        console.log('Hi! ');
    },
    // ES6
    sayHi2() {
        console.log('Hi! ');
    }

};