Ο Τελεστής spread και οι Επαναλήπτες στο JavaScript

Ο τελεστής spread αποσυνθέτει οποιοδήποτε αντικείμενο, που έχει έναν επαναλήπτη. Σε αυτή την περίπτωση θα χρησιμοποιείται ο προεπιλεγμένος επαναλήπτης. Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε την ακόλουθη συλλογή Map:

javascriptlet map = new Map();
map.set('a', 1);
map.set('b', 2);
map.set('c', 3);

Από προεπιλογή, κατά την αποσύνθεση θα προκύψει ένας δισδιάστατος πίνακας:

javascriptlet arr = [...map];
console.log(arr); // [['a', 1], ['b', 2], ['c', 3]]

Για να λάβουμε έναν πίνακα κλειδιών, αποσυνθέτουμε τον αντίστοιχο επαναλήπτη:

javascriptlet arr = [...map.keys()];
console.log(arr); // ['a', 'b', 'c']

Παρομοίως, κάνουμε για να λάβουμε έναν πίνακα τιμών:

javascriptlet arr = [...map.values()];
console.log(arr); // [1, 2, 3]

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 3,
  [Symbol.iterator]: function *(){
    for (let key in this){
      yield this[key];
    }
  }
};