... (静止し、広げられる)人間として簡単に説明できる

つのドット...は、それらを使用する方法に応じて2つの異なることを行います.

普及
アレイの前の...は、外部[]を削除する.

const x = [1, 2, 3];
const y = [0, ...x, 4, 5, 6];
console.log(y); // [ 0, 1, 2, 3, 4, 5, 6 ]

オブジェクトの前の...は、外部{}を削除する.

const x = { one: 1, two: 2, three: 3 };
const y = { ...x, four: 4, five: 5, six: 6 };
console.log(y); // { one: 1, two: 2, three: 3, four: 4, five: 5, six: 6 }

休憩...配列の場合、残りの要素を割り当てます.

const x = [1, 2, 3];
const [one, ...rest] = x
console.log(one); // 1
console.log(rest); // [2, 3]

...オブジェクトを破壊するとき、残りのプロパティを割り当てます.

const x = { one: 1, two: 2, three: 3 };
const { one, ...rest } = x;
console.log(one); // 1
console.log(rest); // { two: 2, three: 3 }

それだ!