자바스크립트 ES6 문법 - 전개 연산자

자바스크립트 ES6 문법 - 전개 연산자

 

ES6 전개연산자 사용방법

var 배열1 = ['하나', '둘'];
var 배열2 = ['셋', '넷'];

// 기존 JS
var 합치기 = [배열1[0], 배열1[1], 배열2[0], 배열2[1]];
var 합치기 = 배열1.concat(배열2);
var 합치기 = [].concat(배열1, 배열2);
var 영번 = 배열1[0];
var 일번 = 배열1[1];
var 이번 = 배열1[2] || 'empty';

// ES6 문법
var 합치기 = [...배열1, ...배열2];
var [영번, 일번, 이번 = 'empty', ...others] = 배열1;

 

ES6 객체 전개 연산자 사용방법

var 객체1 = { one: 1, two: 2, other: 0 };
var 객체2 = { three: 3, four: 4, other: -1 };

// 기존 JS
var 합치기 = {
  one: 객체1.one,
  two: 객체1.two,
  three: 객체2.three,
  four: 객체2.four,
};
var 합치기 = Object.assign({}, 객체1, 객체2);
var 합치기 = Object.assign({}, 객체2, 객체1);
var 아더들1 = Object.assign({}, 합치기);
delete 아더들1.other;

// ES6 문법
var 합치기 = {
  ...객체1,
  ...객체2,
};
var 합치기 = {
  ...객체2,
  ...객체1,
};
var { other, ...아더들2 } = 합치기;