Рақамгузории унсурҳои DOM дар JavaScript

Фаҳмиши итераторҳо имкон медиҳад, ки ба осонӣ ба унсурҳои DOM рақамҳо илова кунем. Бигзор, масалан, мо абзасҳо дорем:

<p>матн</p>
<p>матн</p>
<p>матн</p>

Биёед ин гирдиҳои абзасҳоро ба тағирёбанда гирем:

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

Барои такрор кардан аз итератори дарсохтаи entries истифода кунем:

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

Барои ҷудо кардани рақамҳо аз унсурҳо аз деструктуризатсия истифода кунем:

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

Ба ҳар як абзас дар охири он рақами тартибиашро илова кунем:

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

Як ҷадвали HTML дода шудааст. Ҳар як ҳуҷраи ин ҷадвалро рақамгузорӣ кунед.