АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗jsSpItSpr 73 of 294 menu
НОВАЯ РУБРИКА! Мои ученики часто просят меня рассказать о себе: как я учился, чем занимаюсь сейчас, какие у меня дальнейшие планы:) Жми, чтобы прочитать!

Оператор spread и итераторы в JavaScript

Оператор spread разлагает любой объект, у которого есть итератор. При этом будет браться итератор по умолчанию. Давайте посмотрим на примере. Пусть у нас есть следующая коллекция Map:

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

По умолчанию при разложении получится двухмерный массив:

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

Для получения массива ключей разложим соответствующий итератор:

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

Аналогично поступим для получения массива значений:

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

Разложите спредом следующий объект:

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