티스토리 뷰
자바스크립트의 인수 전달에는 개수 제한이 없음
인수를 전달하는 방법
- arguments로 전달
- 나머지 매개 변수로 전달
화살표 함수에는 arguments가 없음
arguments
- 함수로 넘어 온 모든 인수에 접근
- 함수 내에서 이용 가능한 지역 변수
- length / index
- array 형태의 객체
- 배열의 내장 메서드 없음 (forEach, map)
나머지 매개변수 (Rest parameters) 사용을 권장
정해지지 않은 객체의 형식을 배열로 나타날 수 있게 함
배열 메소드를 사용할 수 있음
나머지 매개변수는 항상 마지막에 있어야 함
function 함수(...배열이름)
function showName(...names){
console.log(names);
}
showName(); // []
showName('Mike'); // ['Mike']
showName('Mike', 'Tom'); // ['Mike', 'Tom']
전개 구문 (Spread syntax) : 배열
let arr1 = [1,2,3];
let arr2 = [4,5,6];
let result = [0, ...arr1, ...arr2, 7, 8, 9]; // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
전개 구문 (Spread syntax) : 객체
let arr = [1,2,3];
let arr2 = [...arr]; // [1,2,3]
let user = {name:'Mike', age:30};
let user2 = {...user};
user2.name = 'Tom';
console.log(user.name); // 'Mike'
console.log(user2.name); // 'Tom'
728x90
'유튜브 강의' 카테고리의 다른 글
코딩앙마 자바스크립트 중급 강의 10. call, apply, bind (0) | 2022.02.03 |
---|---|
코딩앙마 자바스크립트 중급 강의 9.클로저 (0) | 2022.02.03 |
코딩앙마 자바스크립트 중급 강의 7.배열 메소드 (0) | 2022.01.30 |
코딩앙마 자바스크립트 중급 강의 6. 문자열 메소드 (0) | 2022.01.03 |
코딩앙마 자바스크립트 중급 강의 4. 심볼 (0) | 2021.12.23 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- scss
- 제로초
- 깃
- map
- 비주얼스튜디오코드
- 리액트
- 제이쿼리
- 코드잇
- javascript
- 저스트코드
- Typescript
- 자바스크립트
- html
- Python
- 코딩앙마
- CSS
- 드림코딩
- 회고
- 타입스크립트
- js
- 김버그
- TS
- 파이썬
- vue
- git
- vscode
- Til
- 구름에듀
- React
- 스파르타코딩클럽
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함