자바스크립트 - ... 문법 spread 어디 까지 알고있니 ?

자바스크립트를 사용하다보면

'...' 문법 일명 스프레드 문법을 자주 마주한다

👇

arr1 = [...arr1, ...arr2];

...
var clonedObj = { ...obj1 };

일명 전개구문이라고도 불린다

전개구문

배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다.

👇

function sum(x, y, z) {
 return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers));
// expected output: 6

console.log(sum.apply(null, numbers));
// expected output: 6

우리가 배열을 연결하기위한 자바스크립트 api의
concat() 을 전개구문을 사용하여 만들수있다

👇

var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];

arr1 = arr1.concat(arr2);
arr1 = [...arr1, ...arr2]; 
// arr1 은 이제 [0, 1, 2, 3, 4, 5]

참조 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax
참조 :
https://stackoverflow.com/questions/18133635/remove-property-for-all-objects-in-array