Spread operator(feat. rest parameter)

zxcvbnm5288·2021년 10월 25일
0

Javascript

목록 보기
5/6

Spread operator

두 개의 배열을 합치는 등 unpack을 하고싶을 때가 있다

const = weekdays = ['mon', 'tues', 'wed', 'thur', 'fri'];
const = weekend = ['sat', 'sun'];

이를 합치기 위해서 고전적인 방법으로는 for문을 쓰거나 concat을 사용하는 방법 등이 있을 것 같다

const allDays = weekdays.concat(weekend);

이 방법도 좋지만 좀 더 직관적으로 이해가 될 만한 방식이 있었으면 좋겠다

const allDays = [...weekdays, ...weekend];

이렇게 spread operator를 사용하면 쉽게 이해가 되는 코드가 완성된다
그저 해당 배열의 있는 element들을 하나하나 unpack하여 넣어줬다는 의미이기 때문이다

이와 비슷한 문법으로는 rest parameter가 있다

const myFunc = (something, ...args) => console.log(...args);

이런식으로 arguments가 몇 개인지 정확히 정해지지 않는 상황에서 굉장히 유용하게 쓰인다
출력된 ...args를 보면 배열의 형태를 가지고 있음을 알 수 있다

profile
2020년 10월 15일 퇴사하고 개발자의 길에 도전합니다.

0개의 댓글