13_spread-operator

Spread operator란?

… 반복가능한(이터러블:iterable) 객체를 반환하는 표현식 앞에 표기하여 요소를 펼칠수있다 이 연산자를 사용하면 기존의 요소를 유지하면서 새로운 요소를 ****추가하거나, 요소를 수정할 수 있습니다.

//array
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]
const arr4 = [...arr1]; // [1, 2, 3]


//object
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = { ...obj1, ...obj2 }; // { a: 1, b: 2, c: 3, d: 4 }
const obj4 = { ...obj1 }; // { a: 1, b: 2 }

//string
const str = "hello";
const arr = [...str]; // ["h", "e", "l", "l", "o"]