Рақамгузории унсурҳои 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;
}