JavaScript-те DOM элементтерін нөмірлеу

Итераторларды түсіну 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;
}