본문 바로가기
JavaScript

JS - 전개연산자

by 달보드레. 2021. 10. 18.

전개연산자

전개연산자는 ... 이 키워드로 사용할 수 있다

const fruits = ['apple','banana','melon']

console.log(fruits) 
console.log(...fruits) 

function toObject(a,b,c) { 
	return { 
      a:a,
      b:b,
      c:c 
	} 
} 
console.log(toObject(...fruits))

위와 같이 ...을 사용하면 , 로 구분된 배열 데이터가 각각 전개된다

따라서 toObject 함수에 저렇게 넣게 된다면 각각 'apple','banana','melon' 이 배열 데이터가 매개변수로 각각 들어가

return 된다

이렇게 리턴된다.

 

이 결과를 전개연산자를 사용하지 않는다면

console.log(toObject(fruits[0],fruits[1],fruits[2]))

이렇게 동일한 값이 리턴된다.

 

매개변수에 전개연산자를 사용하게 된다면 전개연산자가 사용된 그 이전의 배열 데이터를 제외한 나머지 데이터를 받아낸다

const fruits = ['apple','banana','melon','melon2','melon3','melon4'] 
function toObject(a,b,...c) { 
	return { 
    	a:a, 
        b:b, 
        c:c 
        } 
} 

console.log(toObject(...fruits))

이럴경우 매개변수 c에 'apple' 과 'banana'를 제외한 배열 데이터를 받게 된다

이런 매개변수를 Rest Parameter라고 한다

애플과 바나나를 제외한 모든 데이터가 담긴 모습이다.

 

'JavaScript' 카테고리의 다른 글

JS의 type vs TS의 type  (0) 2021.12.09
TS - type annoatation  (0) 2021.12.09
JS - 구조 분해 할당  (0) 2021.10.18
JS - var vs let vs Const  (0) 2021.10.18
JS - 함수  (0) 2021.10.07