JavaScript တွင် DOM အစိတ်အပိုင်းများကို နံပါတ်တပ်ခြင်း

Iterators များကို နားလည်ခြင်းသည် DOM အစိတ်အပိုင်းများထံ နံပါတ်များ အလွယ်တကူ ထည့်သွင်းနိုင်စေပါသည်။ ဥပမာအားဖြင့်၊ ကျွန်ုပ်တို့တွင် စာပိုဒ်များ ရှိသည်ဆိုပါစို့-

<p>စာသား</p>
<p>စာသား</p>
<p>စာသား</p>

ထိုစာပိုဒ်များ၏ collection ကို variable တစ်ခုအတွင်း ရယူကြပါစို့-

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

ဖြတ်သန်းရန် နံပါတ်စဉ်သတ်မှတ်ရန် တည်ဆောက်ထားသော entries iterator ကို အသုံးပြုကြပါမည်-

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

နံပါတ်များကို အစိတ်အပိုင်းများမှ ခွဲထုတ်ရန် destructuring ကို အသုံးပြုကြပါစို့-

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

စာပိုဒ်တစ်ခုစီ၏ အဆုံးတွင် ၎င်း၏ အစဉ်လိုက် နံပါတ်ကို ထည့်သွင်းကြပါမည်-

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

HTML ဇယားတစ်ခု ရှိပါသည်။ ထိုဇယား၏ cell တစ်ခုစီကို နံပါတ်တပ်ပါ။