JS. 25 Spread Operator

하승진·2024년 2월 16일

JS 따라잡기

목록 보기
25/49
post-thumbnail

전개 연산자?

: ES6에서 새롭게 추가된 특정 객체 또는 배열의 값을 다른 객체, 배열로 복제하거나 옮길 때 사용

: 연산자는 "..." 사용


배열 조합

arr2, arr3의 배열을 arr1에 합쳐서 새로운 배열을 생성한다 할때 concat함수를 이용하면 되지만

간편하게 ...을 붙여서 배열을 합치는 방법도 있다.


이 방식은 apply함수에서는 더 좋은 것이

arr1배열에 arr2배열을 넣기위해 push.apply함수를 이용했다면

원하는 배열에다가 .push안에 인자로 넣고자하는 배열 앞에 '...'을 넣으면 된다.


객체 조합

객체에서의 조합은 객체 자체가 아닌 값만 합치는 특성이 있다.

객체 끼리 하나로 합쳐서 새로운 객체를 생성한다면 결과는

객체 자체가 뭉쳐지게 된다. 하지만 값만 합치고 싶다면

객체 앞에 전개 연산자만 붙이면 된다.

이렇게 값이 합쳐지는 것을 확인할 수 있다.


기존 배열을 보존

전개 연산자의 장점은 기존 배열은 그대로 보존해준다.

보는 바와 같이 arr1에 역순 정렬한 것을 arr2에 저장하여 출력하면 arr1도 역순으로 정렬되어있다.

하지만 arr2만 역순으로 하고 싶다면?

해당 arr1앞에 전개 연산자 붙여주고, 대괄호로 감싸주면 된다.

profile
기어갈지언정 한 발자국씩이라도 가보자

0개의 댓글