DOM элементдерин JavaScriptте номерилөө

Итераторлорду түшүнүү DOM элементтерине номер кошумчалоону жеңилдетет. Мисалы, бизде төмөнкүдөй абзацтар бар дейли:

html<p>текст</p>
<p>текст</p>
<p>текст</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;
}