最終更新:2023-07-21 (金) 02:48:40 (282d)  

ES2015/スプレッド構文
Top / ES2015 / スプレッド構文

...

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntax

概要

  • スプレッド構文は、オブジェクトや配列のすべての要素を何らかのリストに入れる必要がある場合に使用することができます。

配列展開

  • var array = [1, 2, 3]
    function f(x, y, z) { }
    f(...array);
    //f(1, 2, 3)という引数での関数fの呼び出しと同義

可変長引数

配列の複製

  • const ary = ['Pen', 'Pineapple', 'apple'];
    const myAry = [...ary];
  • 単に代入するとオブジェクトへの参照がコピーされるだけ

配列の結合

  • const myAry = [...ary1, ...ary2];

残り要素をまとめる

  • num3に残りの要素が配列で入る
    const [num1,num2, ...num3] = arr;

参考