전개연산자

from chatGPT

전개 연산자({ ...todo })는 객체나 배열의 요소를 새로운 객체나 배열로 확장(전개)하는데 사용되는 문법입니다. 이를 통해 기존 객체나 배열의 속성을 유지하면서 일부 속성을 추가, 수정 또는 덮어쓸 수 있습니다.

객체에서 전개 연산자를 사용하는 경우, 기존 객체의 속성을 복사한 뒤 새로운 속성을 추가하거나 기존 속성을 수정하여 새로운 객체를 생성합니다. 기본적으로 얕은 복사(shallow copy)를 수행합니다.

예를 들어, 다음과 같이 객체 person이 있다고 가정해보겠습니다:

javascriptCopy code

const person = { name: 'John', age: 30 };

이제 전개 연산자를 사용하여 기존 객체의 속성을 유지하면서 새로운 객체를 만들어 보겠습니다:

javascriptCopy code

const updatedPerson = { ...person, age: 31 };

위 코드에서 updatedPerson은 기존 person 객체의 모든 속성을 복사한 뒤, age 속성의 값을 31으로 수정한 새로운 객체입니다.

전개 연산자는 배열에도 사용할 수 있습니다. 배열에서 사용할 경우, 배열의 각 요소를 새로운 배열로 확장하고, 필요한 경우 새로운 요소를 추가하거나 기존 요소를 수정합니다.

javascriptCopy code

const numbers = [1, 2, 3]; const updatedNumbers = [...numbers, 4];

위 코드에서 updatedNumbers 배열은 기존 numbers 배열의 모든 요소를 포함하면서, 새로운 요소 4를 추가한 새로운 배열입니다.

전개 연산자는 객체나 배열에서 유용하게 사용되며, 새로운 데이터를 생성하거나 변경할 때 기존 데이터를 유지하면서 작업을 수행할 수 있는 강력한 도구입니다.