[JavaScript] SPREAD (2) 객체의 특성을 펼쳐서 새로운 객체 생성

Copies properties from one object into another object literal

객체에 있는 특성을 복사해서 새로운 객체를 만든다.

 

객체 여러 개를 한 객체로 묶거나 기존의 객체를 이용해서 객체를 새롭게 만들 수 있다.

객체를 복사하거나 수정 할 수 있다

 

충돌시 마지막으로 온 값이 이전의 값을 덮는다.

 

 

왜 전개를 사용할까 ? 왜 새로운 객체를 만들까 ? 

객체를 복사할 때 우리는 전개를 사용해서 펼친다.

const dataFromForm = {
	email :'zzz@gmail.com',
    password: 'qwe123',
    username: 'newbie'
}


const newUser = {...dataFromForm, id :123, isAdmin:false }

사용자가 웹사이트에 회원가입/등록시 사용자의 정보를 저장해야한다.

사용자만의 식별자인 id, 관리자인지 여부도 확인해야함. 

따라서 newUser로 id 추가, admin = false로 추가함. 

정보의 소스를 펼쳐서 다른 용도로 만듦.

배열 또는 반복 가능한 객체를 인수로 펼치거나 배열 리터럴로 펼칠 수 있다.