残余引数

function sum(...theArgs) {
  let total = 0;
  for (const arg of theArgs) {
    total += arg;
  }
  return total;
}
console.log(sum(1, 2, 3));
// 予想される結果: 6
console.log(sum(1, 2, 3, 4));
// 予想される結果: 10

function f(a, b, ...theArgs) {
  // …
}

function myFun(a, b, ...manyMoreArgs) {
  console.log("a", a);
  console.log("b", b);
  console.log("manyMoreArgs", manyMoreArgs);
}
myFun("one", "two", "three", "four", "five", "six");
// コンソール出力:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function ignoreFirst(...[, b, c]) {
  return b + c;
}

function wrong1(...one, ...wrong) {}
function wrong2(...wrong, arg2, arg3) {}
function wrong3(...wrong,) {}
function wrong4(...wrong = []) {}

function myFun(a, b, ...manyMoreArgs) {
  console.log("a", a);
  console.log("b", b);
  console.log("manyMoreArgs", manyMoreArgs);
}
myFun("one", "two", "three", "four", "five", "six");
// a, "one"
// b, "two"
// manyMoreArgs, ["three", "four", "five", "six"] <-- 配列であることに注意

// 上記の例と同じ関数定義を使用
myFun("one", "two", "three");
// a, "one"
// b, "two"
// manyMoreArgs, ["three"] <-- 値が 1 つだけでも配列であることに注意

// 上記の例と同じ関数定義を使用
myFun("one", "two");
// a, "one"
// b, "two"
// manyMoreArgs, [] <-- やはりこれも配列

// 上記の例と同じ関数定義を使用
myFun("one");
// a, "one"
// b, undefined
// manyMoreArgs, [] <-- still an array

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

function multiply(multiplier, ...theArgs) {
  return theArgs.map((element) => multiplier * element);
}
const arr = multiply(2, 15, 25, 42);
console.log(arr); // [30, 50, 84]

function sortRestArgs(...theArgs) {
  const sortedArgs = theArgs.sort();
  return sortedArgs;
}
console.log(sortRestArgs(5, 3, 7, 1)); // 1, 3, 5, 7
function sortArguments() {
  const sortedArgs = arguments.sort();
  return sortedArgs; // 何も起こらない
}
console.log(sortArguments(5, 3, 7, 1));
// TypeError が発生（arguments.sort は関数ではない）

function fn(a, b) {
  const normalArray = Array.prototype.slice.call(arguments);
  // — or —
  const normalArray2 = [].slice.call(arguments);
  // — or —
  const normalArrayFrom = Array.from(arguments);
  const first = normalArray.shift(); // OK, gives the first argument
  const firstBad = arguments.shift(); // ERROR (arguments is not a normal array)
}

function fn(...args) {
  const normalArray = args;
  const first = normalArray.shift(); // OK, gives the first argument
}