국비지원 공부 정리/JavaScript

spread(전개) vs rest(함수에서 남는값을 배열로)

worldstroy 2025. 3. 20. 09:35

spread 연산자(.. : 전개 구문)

• 반복 가능한객체에 사용하는 문법→배열, 유사 배열, 문자열 등에 사용 가능
• 객체의 요소에 접근해서 요소들을 하나씩 분리해서 전개요소에 접근해서 반환
• 연산자 ... 사용
• 사용법 : [...arr, newarr]

 

rest 파라미터

const values = [10,20,30];
function get(a, ...rest) {
	console.log(rest);
}
get(...values);

 

  • 들어온 배열 값 중 하나를 제외한 나머지를 rest라는 배열로 설정함

 

 spread vs rest

• spread 파라미터는 호출시 함수의 파라미터에 사용
• rest 파라미터는 호출 받는 함수의 파라미터에 사용 (선언 부분). 호출하는 함수의 파라미터 순서에 맞춰 값 설정 후 남은 파라미터 값을 배열로 설정