ES6: JavaScript для… утверждений

Введение

В этом уроке мы узнаем о выражении for-of, введенном в ES6 версии JavaScript.

Оператор for...of используется для итерации по массивам, картам или наборам.

Перебор массива

Пример в коде:

const fruits = ['Orange', 'Apple', 'banana', 'Lemon']

// looping through
for (fruit of fruits) {
  // do something with fruit
}

Перебор строк

for...of также можно использовать для перебора содержимого строки.

const words = 'Happy new year!'
for (char of words) {
  console.log(char) // H a p p y n e w y e a r !
}

Циклический просмотр множества

Набор — это коллекция уникальных значений.

const letters = new Set(['a', 'b', 'c'])

for (letter of letters) {
  console.log(letters) // a, b, c
}

Перемещение по карте

Карта — это пара ключ-значение, где ключ может быть любого типа. В JavaScript в качестве карт принято использовать литералы объектов.

const details = new Map( [
  ['name', 'Michael Myers'],
  ['age', 45] // made up
])

// or a cleaner way:
const details = new Map()
details.set('name', 'Michael Myers')

for (detail of details ) {
  console.log(detail)
}

Резюме

for...of представляет более чистый способ перебора массивов, множеств, строк и карт.

Подробнее о 👉 Объекты карты