DOMTokenList: метод entries()

Метод entries() интерфейса DOMTokenList возвращает итератор iterator, позволяющий пройтись по всем парам ключ/значение, содержащимся в этом объекте. Значения являются Array с парами [ключ, значение], каждая из которых представляет собой отдельный токен.

Возвращает iterator.

В следующем примере мы получаем список классов, установленных на элементе <span>, как DOMTokenList с помощью Element.classList. Затем мы получаем итератор, содержащий пары ключ/значение, используя entries(), и перебираем каждый элемент с помощью цикла for...of, записывая их в Node.textContent элемента <span>.

Сначала HTML:

<span class="a b c"></span>

Теперь JavaScript:

const span = document.querySelector("span");
const classes = span.classList;
const iterator = classes.entries();

for (const value of iterator) {
  span.textContent += `(${value})`;
}

Вывод будет таким:

• DOMTokenList.foreach(), DOMTokenList.keys и DOMTokenList.values.