전개(Spread) 연산자 -ECMAScript


개요

전개(Spread) 연산자는 이터러블 오브젝트의 엘리먼트를 하나씩 분리하여 전개합니다. (복사)

객체(혹은 배열)를 가리키는 것이 아닌 내부의 값을 복사하여 새로운 객체(혹은 배열)를 만들어 내기 때문에
불변성을 지켜줘야하는 곳에 자주 사용됩니다.

전개한 결과를 변수에 할당하거나 호출하는 함수의 파라미터 값으로 사용할 수 있습니다.

  • 기본형

[…iterableObject]

  • function에서

function(…iterableObject);

  • array에서

[…iterableObj, ‘4’, ‘five’, 6];

  • object 에서

let objClone = { …obj };
//ECMAScript 2018에서 추가되었습니다.

spread 연산자는 “...”을 작성하고 뒤에 이터러블 오브젝트를 작성합니다.

자세히 보기