Spread Syntax - Elipsis (Diğer Iterale Nesnenin Kopyasını Alır)

Giriş
3 nokta kullanan söz dizimidir. Bir array'in bir başka array'in içine yerleştirilmesi gibi durumlarda kullanılır. Açıklaması şöyle.

Spread syntax (other than in the case of spread properties) can be applied only to iterable objects

Örnek

Set'e eklemeler yapıp, sonucu array haline getirmek için şöyle yaparız

let set = new Set();
...
const finalArray = [...set];

Örnek
Şöyle yaparız

const tmpSites = [...sites];

Örnek
Şöyle yaparız. Çıktı olarak sadece ["value2"] alırız.

let condition = false;
let arr1 = ['value1'];
let arr2 = ['value2', ...(condition ? arr1 : [])];
console.log(arr2);

Örnek
Şöyle yaparız.

const a = { b: 1, c: 1 };
const d = { ...a, e: 1 }; // { b: 1, c: 1, e: 1 }

Örnek
Şöyle yaparız.

var array = [{name: 'john', age:17}, {name: 'Doe', age: 21}],
  dropDownHumanOptions = ['All', ...array.map(({ name }) => name), 'Cancel'];

console.log(dropDownHumanOptions);

Çıktı olarak şunu alırız

[
  "All",
  "john",
  "Doe",
  "Cancel"
]

Örnek
Elimizde şöyle bir kod olsun.

var adventurers = [
  {time : 100},
  {time : 120},
  {time : 160},
  {time : 90},
  {time : 200},
]

Şöyle yaparız.

const maxVal = Math.max(...adventurers.map(o => o.time))