JavaScript – ... 其餘 / 展開

Javascript 在 ES6 裡引入了 … (三個點號)來表示展開或其餘運算子。

其餘參數

表示函式所接受的參數數量不固定，而讓其餘參數合併成一個陣列。

function Fun(...arg) { console.log(arg.length); }
Fun();   // 0
Fun(5);   // 1
Fun(5, 6, 7);   // 3

展開運算子

用在執行函式時的參數上，可將一個陣列展開成多個獨立參數。

const vau = (...args) => {     
return args.reduce((a, b) => a + b, 0);    }

let arr = [2, 3, 4];
vau(...arr);   // 9
vau(1, ...arr, 5);   // 15

也可用來合併及展開陣列。

let drink1 = ['milk', 'juice'];
let drink2 = ['coffee', 'water'];
let drink_menu = [...drink1, ...drink2];   //["milk", "juice", "coffee", "water"]