본문으로 건너뛰기
실습하기

스프레드 연산자

스프레드 연산자 (Spread Operator)는 ... 세 개의 점으로 구성된 연산자입니다.

  • 스프레드 연산자는 배열이나 객체의 요소를 '펼쳐(Spread)' 넣는 데 사용됩니다.

  • 주로 배열이나 객체를 합치거나 복사할 때 사용합니다.


스프레드 연산자 사용 예​

배열​

배열 합치기
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const combined = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]
console.log(combined);
배열 복사
const original = [1, 2, 3];
const copied = [...original];

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

객체​

객체 합치기
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };

const combined = { ...obj1, ...obj2 };
console.log(combined); // { a: 1, b: 3, c: 4 }
객체 복사
const obj1 = { a: 1, b: 2 };
const copiedObj = { ...obj1 }; // {a: 1, b: 2}

console.log(copiedObj)

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!