JavaScript スプレッド構文 (…)を使って関数を呼び出す

2023年1月21日

環境
Windows 10 home 64bit
Google Chrome 107.0.5304.122

書式
myFunction(…iterableObj);
iterableObj のすべての要素を関数 myFunction の引数として渡します。
スプレッド構文 (…) を使うと、配列式や文字列などの反復可能オブジェクトを、0 個以上の引数 (関数呼び出しの場合) や要素 (配列リテラルの場合)
を期待された場所で展開します。

使用例

function sum(x, y, z) {
  return x + y + z;
}

const cft = [11, 22, 33];

console.log(sum(...cft));

console.log(sum.apply(null, cft));

実行結果
> 66
> 66