자바스크립트 전개 연산자 (...)

전개연산자는 ES6에서 추가된 기능으로 배열이나 객체를 분해된 값으로 전달하는 기능입니다. 배열 등 모든 순환 가능한 것들은 펼쳐서 가져올 수 있습니다. 

 

1. 배열 예

const arr1 = ['a', 'b', 'b'];
const arr2 = ['d', 'e', 'f'];
const arr3 = ['g', 'h', 'i'];
const sum_array = [...arr1, ...arr2, ...arr3];

console.log(sum_array); 
// ['a', 'b', 'b', 'd', 'e', 'f', 'g', 'h', 'i']

 

2. 객체배열 예

const obj_array=[
  {
    name: "one",
    age: 1,
  },
  {
    name: "two",
    age: 2,
  },
  {
    name: "three",
    age: 3,
  }
]

const obj_array2=[
  {
    name: "four",
    age: 4,
  }
]


let new_array = [];
new_array.push(...obj_array,...obj_array2);


console.log(new_array);

//[
//  { name: 'one', age: 1 },
//  { name: 'two', age: 2 },
//  { name: 'three', age: 3 },
//  { name: 'four', age: 4 }
//]