[React] Spread Operator

1. Spread Operator

 

 

(1)사용 배경

 

es6에 추가된 문법으로 ...을 사용해서 배열의 값을 받아고서나, 확장할 수 있다.

 

 

 

(2) 배열 합치기

 

const singerOne = [1, 2, 3]
const singerTwo = [7, 8, 9]



const combinedTwo = [...singerOne, ...singerTwo];
const combinedOne = [...singerOne, 5, 6,  ...singerTwo];

위의 예제처럼 합쳐서 배열을 만들 수 있고, 중간에 다른 값들도 넣을 수 있다.

 

 

 

(3) 배열 받아오기

 

 

const singerOne = [1, 2, 3]

const cloneOne = [...singerOne];

위처럼 스프레드 연산자를 통해서 배열을 쉽게 갖고 올 수 있다.

 

 

 

 

(4) 객체에서의 사용

 

const userName={
name : 'Ryu'
}

const userAge={
age : '25'
}

const combinedUser={
	...userName, ...userAge, birthpalce:'서울'
};

위의 예처럼 object안에서도 사용가능하다.