
w3.css
스프레드 연산자
JavaScript에서 세 개의 점 연산자(…) 즉, 스프레드 연산자를 사용하는 방법을 알아보자.
스프레드 연산자
JavaScript의 스프레드 연산자(…)는 반복 가능한 항목(배열과 같음)을 더 많은 요소로 확장한다.
이를 통해 기존 배열의 전체 또는 일부를 다른 배열로 빠르게 복사할 수 있다.
1단계) JavaScript 추가
첫 번째와 두 번째 항목을 numbers변수에 할당하고 나머지는 배열에 넣는다.
const numbersOne = [1, 2, 3]; const numbersTwo = [4, 5, 6]; const numbersCombined = [...numbersOne, ...numbersTwo];
기본 예시
예제 보기
스프레드 연산자는 종종 배열에서 필요한 것만 추출하는 데 사용된다.
const numbers = [1, 2, 3, 4, 5, 6]; const [one, two, ...rest] = numbers;
기본 예시
예제 보기
객체에도 스프레드 연산자를 사용할 수 있다.
const myVehicle = { brand: 'Ford', model: 'Mustang', color: 'red' } const updateMyVehicle = { type: 'car', year: 2021, color: 'yellow' } const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
기본 예시
예제 보기참고
W3C School - The Spread Operator (...)