Нумерация DOM элементов в JavaScript

Понимания итераторов позволяет легко добавить номера DOM элементам. Пусть, к примеру, у нас есть абзацы:

html<p>text</p>
<p>text</p>
<p>text</p>

Давайте получим коллекцию этих абзацев в переменную:

javascriptlet elems = document.querySelectorAll('p');

Воспользуемся для перебора встроенным итератором entries:

javascriptfor (let entry of elems.entries()) {
  console.log(entry);
}

Воспользуемся деструктуризацией, чтобы отделить номера от элементов:

javascriptfor (let [num, elem] of elems.entries()) {
  console.log(num, elem);
}

Добавим каждому абзацу в конец его порядковый номер:

javascriptfor (let [num, elem] of elems.entries()) {
  elem.textContent += num;
}