... spread parameter, rest parameter

Jo yun hee·2022년 6월 5일
0

javaScript

목록 보기
13/17
post-custom-banner

... 은 총 2가지가 있다.

1. spread parameter

전개연산자는 배열의 대괄호를 제거해준다

어레이를 합치거나 복사할때 유용하다!

  • 복사
let a = [1,2,3];
let b = [4,5];
let c = [...a];

console.log(c); //[1, 2, 3]

  • 어레이 합치기
let a = [1,2,3];
let b = [4,5];
let c = [...a, ...b];

console.log(c); //[1, 2, 3, 4, 5]

Array, Object 각각 독립적인 값을 가지도록 할려면 전개연산자를 이용하라!

이말은 무슨말일까? 예시를 통해 알아보자.

어레이와 오브젝트는 refernce data type라는 라는 것이 있다.

let a = [1,2,3];
let b = a;
a[3] = 4; //등호로 할당하면 변경된 값이 공유가 된다. 이것이 바로  refernce data type

console.log(a); // [1, 2, 3, 4]
console.log(b); // [1, 2, 3, 4]

2. rest parameter

(...파라미터들) 모든 파라미터를 [] 보관해준다.

function 함수2(...파라미터들) {
	console.log(파라미터들)
}

함수2(1,2,3,4,5,6); // [1,2,3,4,5,6]

장점은??

function 함수2(a, b, ...파라미터들) {
	console.log(파라미터들)
}

함수2(1,2,3,4,5,6); // [3,4,5,6]

3. 이 둘의 차이점은?

함수 파라미터 자리에 붙으면 rest
나머지는 spread!!

post-custom-banner

0개의 댓글