ES6 Separate Operator

...arg
三点リーダ(three dots)ってなんだろう？ってことで調べてみたらSeparate Operatorというものらしい。

うまく説明できないけど、配列を展開してくれるようなものらしい。

<サンプル1>
Separate Operatorあり
var test = [{a: 1, b:2}]
console.log(...test)
↓
Object {a: 1, b: 2}


Separate Operatorなし
var test = [{a: 1, b:2}]
console.log(test)
↓
[Object]
  0: Object
    a: 1
    b: 2


<サンプル2>
Separate Operatorあり
var arr1 = [1,2,3];
var arr2 = [4,5,6];
arr1.push(...arr2);
console.log(arr1)
↓
[1, 2, 3, 4, 5, 6]


Separate Operatorなし
var arr1 = [1,2,3];
var arr2 = [4,5,6];
arr1.push(arr2);
console.log(arr1)
↓
[1, 2, 3, Array[3]]
  0: 1
  1: 2
  2: 3
  3: Array[3]