JavaScript | 전개 구문, 스프레드 연산자 (일명 three dots 문법)

edie_ko·2020년 11월 29일
1

JavaScript

목록 보기
15/21

React 프로젝트를 진행하면서 정말 수없이 많은 전개구문, 스프레드 연산자를 사용했다.
확실하게 기록하기 위해 TIL을 작성하기로 한다!

먼저 공식문서부터 확인!
즉, 전개 구문을 활용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수(함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있다.


위의 예시처럼 전개구문은 배열을 얕게 복사해올 수 있다!

혹은 아래처럼 array.concat의 기능도 가능하다.

전개구문은 객체 또한 적용 가능하다.
그래서 다음과 같이 적용해서 댓글 객체로 이뤄진 객체 리스트 배열을 수정해볼 수 있다.

profile
내 이름 고은정, 은을 180deg 돌려 고긍정 🤭

0개의 댓글