JavaScript တွင် အစုအဝေးရယူရာတွင် မှားယွင်းခြင်း

တစ်ခါတစ်ရံ အစပြုသူ programming သမားများသည် DOM အစုအဝေးကို ရယူရန် <querySelectorAll method အစား querySelector method ကို အသုံးပြုခြင်းဖြင့် မှားယွင်းတတ်ကြသည်။

ဤမှားယွင်းချက်၏ ထင်ရှားသော လက္ခဏာများကို ကြည့်ရှုကြည့်ရအောင်။ အောက်ပါအတိုင်း စာပိုဒ်များ ရှိသည်ဆိုပါစို့:

<p>1</p>
<p>2</p>
<p>3</p>

programming သမားတစ်ယောက်သည် ထို စာပိုဒ်များ၏ စာသားများကို ရယူပြီး console တွင် ရိုက်ထုတ်ရန် ဆုံးဖြတ်ခဲ့သည်။ ဤအတွက် သူသည် element များကို variable ထဲသို့ ထည့်သွင်းရယူရန် မှားယွင်းသော method ကို အသုံးပြုခဲ့သည်:

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

ထို့နောက် သူသည် စာပိုဒ်တစ်ခုချင်းစီ၏ စာသားကို console တွင် ရိုက်ထုတ်ရန် စာပိုဒ်များကို loop ဖြင့် ဖြတ်သန်းရန် ဆုံးဖြတ်ခဲ့သည်:

for (let elem of elems) {
	console.log(elem.textContent);
}

ရလဒ်အနေဖြင့် console တွင် ထင်ရှားသော မှားယွင်းချက် elems is not iterable ပေါ်လာမည်။ ၎င်းမှားယွင်းချက်က elems variable သည် iterable မဟုတ်၊ ဆိုလိုသည်မှာ array သို့မဟုတ် for-of loop ဖြင့် ဖြတ်သန်းနိုင်သောအရာ မဟုတ်ကြောင်း ဖော်ပြနေခြင်းဖြစ်သည်။