JavaScript တွင် ထပ်ခါထပ်ခါ ပြုလုပ်နိုင်သော အရာဝတ္ထု ဖန်တီးခြင်း

for-of ကွင်းဆက်ဖြင့် ထပ်ခါထပ်ခါ ပြုလုပ်နိုင်သော အစစ်အမှန် အရာဝတ္ထုတစ်ခုကို ဖန်တီးကြပါစို့။ ၎င်းအတွက် အရာဝတ္ထုအား Symbol.iterator တွင် သင့်လျော်သော လုပ်ဆောင်ချက်တစ်ခု ထည့်သွင်းရန် လိုအပ်သည်။

အကောင်အထည်ဖော်ကြပါစို့။ အောက်ပါ အရာဝတ္ထုရှိသည်ဟု ဆိုကြပါစို့:

let obj = {
	a: 1,
	b: 2,
	c: 3,
};

Symbol.iterator သို့ လုပ်ဆောင်ချက် ထည့်သွင်းကြပါမည်:

obj[Symbol.iterator] = function() {

}

ဤလုပ်ဆောင်ချက်ကို generator အဖြစ်သို့ ပြောင်းလဲပါမည်:

obj[Symbol.iterator] = function *() {

}

ကျွန်ုပ်တို့၏ လုပ်ဆောင်ချက် အတွင်း၌ this သည် အရာဝတ္ထုကိုယ်တိုင်ကို ရည်ညွှန်းမည်:

obj[Symbol.iterator] = function *() {
	console.log(this); // အရာဝတ္ထုကိုယ်တိုင်
}

iterator အတွင်း အရာဝတ္ထု၏ ထပ်ခါထပ်ခါ ပြုလုပ်မှုကို စတင်ပါမည်:

obj[Symbol.iterator] = function *() {
	for (let key in this) {
		yield obj[key];
	}
}

အားလုံး ပြီးပါပြီ၊ အရာဝတ္ထုကို for-of ကွင်းဆက်ဖြင့် ထပ်ခါထပ်ခါ ပြုလုပ်နိုင်ပါပြီ:

for (let elem of obj) {
	console.log(elem); // 1, 2, 3
}

for-of ကွင်းဆက်ဖြင့် ထပ်ခါထပ်ခါ ပြုလုပ်နိုင်သော အရာဝတ္ထုတစ်ခုကို ပြုလုပ်ပါ။ ကွင်းဆက်၏ အစိတ်အပိုင်းတွင် key တွင် ထပ်ခါထပ်ခါ ပြုလုပ်နိုင်သော အရာဝတ္ထု၏ သော့ချက် ပါဝင်ပြီး val တွင် တန်ဖိုး ပါဝင်သော အရာဝတ္ထုတစ်ခု ရောက်ရှိပါစေ။ နမူနာ:

let obj = {a: 1, b: 2, c: 3};

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

အောက်ပါအတိုင်း ထုတ်ပြမည်:

{key: 'a', val: 1}
{key: 'b', val: 2}
{key: 'c', val: 3}