코딩앙마 자바스크립트 중급 강의 8.나머지 매개변수, 전개 구문

자바스크립트의 인수 전달에는 개수 제한이 없음

 

인수를 전달하는 방법

1. arguments로 전달
2. 나머지 매개 변수로 전달

 

화살표 함수에는 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'