Javascript - Spread Operator 사용방법

Spread Operator는 배열과 오브젝트에 사용 되며  [...a], {...b}와 같이 문자 앞에 '...'을 붙여 표기합니다.

 

대표적인 3가지 기능을 소개합니다.

 

1. 배열 펼치기

 

Spread Operator 적용 유무에 따른 출력값을 비교해봅시다.

위 그림과 같이, 

Spread Operator를 적용 할 경우 배열 대괄호가 벗겨져 문자열 형태로 출력됩니다.

 

 

2. 문자열 펼치기

 

그렇다면 문자열에 Spread Operator를 적용 하면 어떻게 될까요?

위 그림과 같이 문자열이 하나씩의 문자로 분리 됩니다.

 

 

3. 오브젝트 복사(중요)

 

배열을 Spread Operator를 적용 하여 복사 할 경우,

배열의 메모리 주소값이 아닌, 값 자체를 복사합니다.

 

배열에 수정을 하지 않은 상태라면,

arr1, arr2, arr3이 각각 독립적인 것 처럼 보입니다.

 

 

하지만 배열을 수정 할 경우,

Spread Operator를 적용 한 배열에 Shallow Copy가 발생함을 알 수 있습니다.