linye's Blog

全端工程師心得分享

0%

[JaveScript]JS全端大冒險No.3

Spread Operator(…)

Spread Operator(…) 中文稱做拓展運算子,是ES6加入的,用途是簡化陣列展開的過程,可以改善以下操作:

  • 取值
  • 複製
  • 合併
  • 轉換型態

定義

1
2
3
4
5
6
7
let Arr1 = [1,2,3,4];

console.log(Arr1);
//$ [ 1, 2, 3, 4 ]

console.log(...Arr1);
//$ 1 2 3 4
  • 展開陣列並轉化為多個逗點隔開的獨立參數
  • 在陣列前方加上…即可

用途

1
2
3
4
5
6
7
8
//呼叫函式
myFunction(...iterableObj);

//陣列或字串
[...iterableObj, '4', 'five', 6];

//ECMAScript 2018新增 可用於複製物件
let objClone = { ...obj };