ES6 객체 확장 표현식

ES6 객체 확장 표현식을 통해 기존 자바스크립트 객체 생성 방식보다 더 간결하고 동적으로 생성할 수 있음.

//기존

var num1 = 10;
var num2 = 20;
var obj = {num1 : num1, num2: num2} // 동일한 이름의 키와 값

▶ 키 이름과 값을 각각 할당함.

//ES6

var obj = {num1 , num 2}; //키값을 생략

▶ 키 값을 생략하면 자동으로 키의 이름으로 키값 지정.

키값에 연산을 추가할경우

//기존

var plusKey = '2020';
var obj2 = {};
obj2['year' + plusKey] = 'corona';

//ES6 

Var obj2 = {
       ['year' + plusKey] : 'corona', //선언과 동시에 연산 가능
};

함수를 추가할경우

//기존

var obj3 = { 
	num1: num1, 
func1Key: function() { console.log(num2); }, 
func2Key: function() { return obj2['year' + plusKey]; }, };

// ES6 

var obj3 = { num1, // 동일한 키와 값 

func1Key() { console.log(num2); }, // function 키워드 생략
func2Key() { return obj2['year' + plusKey]; }, };