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 աղյուսակ: Թվարկեք այս աղյուսակի յուրաքանչյուր բջիջ: