▶ 전개 구문

• 전개 구문(spread operator)이란?
  • 배열이나 객체를 전개하는 문법으로, 《 구조 분해 할당 》과 함께 정말 많이 사용된다.
    
    
• 문법
  • 배열이나 객체 앞에 점 세 개를 붙여주면 된다.
    
    

배열

// 배열
let arr = [1, 2, 3];

console.log(arr); // [1, 2, 3]
console.log(...arr); // 1, 2, 3

• 짜잔!🎇
  

배열에 4를 추가하고 싶다면? 《 push 》를 사용해도 좋지만, 전개 구문을 활용하면 정말 쉽게 할 수 있다!

// 배열
let arr = [1,2,3];

let newArr = [...arr, 4];
console.log(newArr) // [1,2,3,4]

• 짜잔!🎇
  

객체

user를 전개 구문을 사용해 쫙 펼쳐 user2를 생성하였다.

let user = { name: "people_1", age: 25 };
let user2 = { ...user };

user2.name = "people_2";

console.log(user.name); // people_1
console.log(user2.name); // people_2

• 짜잔!🎇
  

---

▶ 나머지 매개변수

매개변수의 개수를 정확히 모를 때, 나머지 매개변수를 사용한다.

function func(a, b, ...args) {
  console.log(...args);
}

func(1, 2, 3); // 3
func(1, 2, 3, 4, 5, 6, 7); // 3 4 5 6 7

• 짜잔!🎇
  

⚠️ 스프레드 문법을 써줬을 때만 나머지 매개변수로 인식이 가능하다!

---

📎참조

• https://ko.javascript.info/rest-parameters-spread