Three dots (javascript)

Three dots : 나머지 매개 변수 또는 스프레드 연산자입니다.

구분방법

1. 세 개의 점 (…)이 함수 매개 변수의 끝에 있으면 "나머지 매개 변수"이고 나머지 인수 목록을 배열로 수집합니다.

2. 함수 호출 등에서 세 개의 점 (…)이 발생하면 "확산 연산자"라고하며 배열을 목록으로 확장합니다.

---

나머지 매개 변수를 사용할 때 쓰이는 문법이다.
(인수에 의해 유도 된 상용구 코드를 줄이기 위해 나머지 매개 변수가 도입되었다고 함.)

function myFunc(a, b, ...args) {
 console.log(a); // 22
 console.log(b); // 98
 console.log(args); // [43, 3, 26]
};
myFunc(22, 98, 43, 3, 26);

 

스프레드 연산자 : 
확산 연산자는 배열과 같은 반복 가능한 요소를 여러 요소가 들어갈 수있는 위치로 확장하는 데 사용된다.

function myFunc(x, y, ...params) { // used rest operator here
  console.log(x);
  console.log(y);
  console.log(params);
}

var inputs = ["a", "b", "c", "d", "e", "f"];
myFunc(...inputs); // used spread operator here
// "a"
// "b"
// ["c", "d", "e", "f"]

 

스프레드 연산자를 활용하여 배열을 연결할 수 있다.

const featured = ['Deep Dish', 'Pepperoni', 'Hawaiian'];
const specialty = ['Meatzza', 'Spicy Mama', 'Margherita'];

const pizzas = [...featured, 'veg pizza', ...specialty];

console.log(pizzas); // 'Deep Dish', 'Pepperoni', 'Hawaiian', 'veg pizza', 'Meatzza', 'Spicy Mama', 'Margherita'

 

---

Ref.

ㅁ 설명 : dev.to/sagar/three-dots---in-javascript-26ci

ㅁ