[TIL] Spread Operator

eunjeong·2021년 3월 29일
2

TIL

목록 보기
6/31
post-thumbnail

Spread Operator?

MDN에서 이야기하는 스프레드 연산자는 다음과 같다.

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

ES6에 추가된 문법으로 활용도가 높은데, 볼때마다 어색해서 간단한 예제로 정리하려고 한다.

스프레드 연산자를 사용하면 배열, 문자열, 객체 등 반복 가능한 객체 (Iterable Object)를 개별 요소로 분리할 수 있습니다.

예제로 익히기

배열의 연속된 값 더하기

function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers));
// 6

배열 합치기

const arr1 [1,2,3];
const arr2 [4,5,6];
const arr3 = [...arr1, ...arr2];
console.log(arr3);
// [1,2,3,4,5,6]
profile
개발이 하고싶어요

0개의 댓글