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

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

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

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

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

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

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

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

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

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

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