Javascript: Spread/Rest Syntax, Destructuring assignment

Minjae Kwon·2020년 10월 28일
0

 🍉   Learning Journal

목록 보기
15/36
post-thumbnail
post-custom-banner

🙋🏻‍♀️ 매개변수 자리에 전개문법을 썼는데, 만약 그 자리에 아무것도 오지 않으면?

...args 자리에 아무것도 받지 않으면, 빈 배열을 리턴한다.

let summer = function(mountain, beach, ...args) {
	console.log(mountain, beach, args); 
}

// args 에 아무 인자도 받지 않으면 빈 배열을 담는다. 
summer('Grampions', 'Songdo') // 'Grampions', 'Songdo', []

🙋🏻‍♀️ 전개문법과 구조분해할당을 통해 배열, 객체를 쪼개고 복사도 할 수 있다는데?

오브콜스. 아래 예시 확인!

// 배열
const food = ['soba', 'salad', 'kebab', 'pizza', 'burger']; 
const [noodle, ...rest] = food; // noodle, rest 는 변수이므로 따옴표없음 유의
noodle; // 'soba'
rest; // ['salad', 'kebab', 'pizza', 'burger'] 배열 형태로 리턴함 유의

// 객체
const book = {
	name: 'start with why', 
	author: 'Steve', 
	released: 1880
}

const awardWinningBook = {
	...book, 
	author: 'Steve', 'Steve jr.'
	keyword: 'motivational'
}

awardWinningBook; /* {
	name: 'start with why', 
	author: 'Steve', 'Steve jr.',
	released: 1880,
	keyword: 'motivational' 
}
*/ // 기존 book 객체를 복사해와서, key name 이 겹칠 경우, overwrite 하는 점 주목 
profile
Front-end Developer. 자바스크립트 파헤치기에 주력하고 있습니다 🌴
post-custom-banner

0개의 댓글