[자바스크립트] 전개연산자

 

 

전개 연산자는 ... 으로 표시되며, 배열, 객체, 문자열 등을 개별 요소로 분해한다.

이를 통해 배열이나 객체를 풀어서 각각의 요소로 사용할 수 있다.

 

 

 

다음은 전개 연산자를 사용하는 몇 가지 예시이다.

 

 

배열 분해

 

const arr = [1, 2, 3];
console.log(...arr); // 1 2 3

위 코드에서 전개 연산자를 사용하여 arr 배열의 각 요소를 개별적으로 출력한다.

 

 

 

const arr1 = [1, 2];
const arr2 = [3, 4];
const combinedArr = [...arr1, ...arr2];
console.log(combinedArr); // [1, 2, 3, 4]

위 코드에서 전개 연산자를 사용하여 두 배열을 합쳐서 새로운 배열을 생성한다.

 

 

 

 

 

 

객체 분해

const obj = {x: 1, y: 2};
console.log({...obj, z: 3}); // {x: 1, y: 2, z: 3}

위 코드에서 전개 연산자를 사용하여 obj 객체와 새로운 속성 z를 합쳐서 새로운 객체를 생성한다.

 

const obj1 = {x: 1};
const obj2 = {y: 2};
const combinedObj = {...obj1, ...obj2};
console.log(combinedObj); // {x: 1, y: 2}

위 코드에서 전개 연산자를 사용하여 두 객체를 합쳐서 새로운 객체를 생성한다.

 

 

 

 

전개 연산자는 이 외에도 여러 곳에서 유용하게 사용된다. 

예를 들어, 함수 호출 시 전개 연산자를 사용하여 인수를 전달하거나, 배열과 객체의 요소를 복사하거나 이동할 때 사용할 수 있다.