Javascript: Spread/Rest Syntax, Destructuring assignment
4103 단어 JavaScriptJavaScript
🙋🏻♀️ 매개변수 자리에 전개문법을 썼는데, 만약 그 자리에 아무것도 오지 않으면?
...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 하는 점 주목
Author And Source
이 문제에 관하여(Javascript: Spread/Rest Syntax, Destructuring assignment), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@minjae-mj/Javascript-SpreadRest-Syntax-Destructuring-assignment저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)