JavaScript Maps
မြေပုံတစ်ခုတွင် သော့များသည် မည်သည့်ဒေတာအမျိုးအစားဖြစ်နိုင်သည့် သော့တန်ဖိုးအတွဲများကို ကိုင်ဆောင်ထားသည်။
မြေပုံတစ်ခုသည် သော့များ၏ မူလထည့်သွင်းမှုအစီအစဥ်ကို မှတ်မိသည်။
မြေပုံတစ်ခုတွင် မြေပုံ၏အရွယ်အစားကို ကိုယ်စားပြုသည့် ပိုင်ဆိုင်မှုတစ်ခု ရှိသည်။
မြေပုံနည်းလမ်းများ
နည်းလမ်း | ဖော်ပြချက် |
---|---|
မြေပုံအသစ်() | Map အရာဝတ္ထုအသစ်တစ်ခုကို ဖန်တီးပါ။ |
set() | မြေပုံတစ်ခုရှိ သော့တစ်ခုအတွက် တန်ဖိုးသတ်မှတ်သည်။ |
get() | Map တစ်ခုရှိ သော့တစ်ခုအတွက် တန်ဖိုးကို ရယူသည်။ |
ရှင်းလင်းသော() | မြေပုံတစ်ခုမှ အစိတ်အပိုင်းအားလုံးကို ဖယ်ရှားသည်။ |
ဖျက်ရန်() | သော့ဖြင့်သတ်မှတ်ထားသောမြေပုံဒြပ်စင်ကိုဖယ်ရှားပါ။ |
has() | မြေပုံတစ်ခုတွင် သော့တစ်ခုရှိနေပါက အမှန်အတိုင်းပြန်ဖြစ်သွားသည်။ |
တစ်ခုချင်းစီအတွက်() | Map ရှိ သော့/တန်ဖိုးအတွဲတစ်ခုစီအတွက် ပြန်ခေါ်မှုတစ်ခုတောင်းဆိုသည်။ |
ထည့်သွင်းမှုများ() | မြေပုံတစ်ခုရှိ [သော့၊ တန်ဖိုး] အတွဲများဖြင့် ထပ်ကာထပ်ကာအရာတစ်ခုကို ပြန်ပေးသည်။ |
သော့များ() | Map ရှိ သော့များဖြင့် ထပ်ကာထပ်ကာ အရာတစ်ခုကို ပြန်ပေးသည်။ |
တန်ဖိုးများ() | Map ရှိ တန်ဖိုးများ၏ ထပ်ကာထပ်ကာ အရာတစ်ခုကို ပြန်ပေးသည်။ |
ပစ္စည်းဥစ္စာ | ဖော်ပြချက် |
---|---|
အရွယ်အစား | မြေပုံဒြပ်စင် အရေအတွက်ကို ပြန်ပေးသည်။ |
မြေပုံဖန်တီးနည်း
သင်သည် JavaScript Map ကို ဖန်တီးနိုင်သည်-
- Array တစ်ခုကို ဖြတ်သန်းခြင်း။
new Map()
- မြေပုံတစ်ခုဖန်တီးပြီး အသုံးပြုပါ။
Map.set()
မြေပုံအသစ်()
Array တစ်ခုကို တည်ဆောက်သူထံ ပေးပို့ခြင်းဖြင့် Map တစ်ခုကို ဖန်တီးနိုင်သည် new Map()
-
ဥပမာ
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
Map.set()
set()
နည်းလမ်းဖြင့် မြေပုံတစ်ခုသို့ အစိတ်အပိုင်းများကို သင်ထည့်နိုင်သည် ။
ဥပမာ
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
လက်ရှိ set()
မြေပုံတန်ဖိုးများကို ပြောင်းလဲရန် နည်းလမ်းကိုလည်း အသုံးပြုနိုင်သည်။
ဥပမာ
fruits.set("apples", 500);
Map.get()
get()
နည်းလမ်းသည် Map တစ်ခုရှိ သော့တန်ဖိုးကို ရရှိသည် -
ဥပမာ
fruits.get("apples"); // Returns 500
Map.size
size
ပိုင်ဆိုင်မှုသည် မြေပုံတစ်ခုရှိ အစိတ်အပိုင်းအရေအတွက်ကို ပြန်ပေးသည် -
ဥပမာ
fruits.size;
Map.delete()
delete()
နည်းလမ်းသည် Map အစိတ်အပိုင်းတစ်ခုကို ဖယ်ရှားသည် -
ဥပမာ
fruits.delete("apples");
Map.clear()
clear()
နည်းလမ်းသည် မြေပုံတစ်ခုမှ အစိတ်အပိုင်းအားလုံးကို ဖယ်ရှားသည် -
ဥပမာ
fruits.clear();
Map.has()
has()
မြေပုံတစ်ခုတွင် သော့တစ်ခုရှိနေပါက နည်းလမ်းသည် မှန်သည် -
ဥပမာ
fruits.has("apples");
ဤအရာကို စမ်းကြည့်ပါ-
fruits.delete("apples");
fruits.has("apples");
Maps သည် အရာဝတ္ထုများဖြစ်သည်။
typeof
အရာဝတ္ထုကို ပြန်ပို့သည်-
ဥပမာ
// Returns object:
typeof fruits;
instanceof
မြေပုံသည် မှန်သည်-
ဥပမာ
// Returns true:
fruits instanceof Map;
JavaScript Objects နှင့် Maps
JavaScript Object နှင့် Maps အကြား ကွာခြားချက်များ-
အရာဝတ္ထု | မြေပုံ | |
---|---|---|
အဆင်မပြေ | တိုက်ရိုက်ထပ်၍မရနိုင်ပါ။ | တိုက်ရိုက်ထပ်၍မရပါ။ |
အရွယ်အစား | အရွယ်အစား ပိုင်ဆိုင်မှု မရှိဘူး။ | အရွယ်အစား ဥစ္စာပစ္စည်း ရှိပါစေ။ |
သော့အမျိုးအစားများ | သော့များသည် စာကြောင်းများ (သို့မဟုတ် သင်္ကေတများ) ဖြစ်ရမည်။ | သော့များသည် မည်သည့်ဒေတာအမျိုးအစားဖြစ်နိုင်သည်။ |
သော့အော်ဒါ | သော့တွေ ကောင်းကောင်းမတပ်ထားဘူး။ | သော့များကို ထည့်သွင်းခြင်းဖြင့် အမိန့်ပေးသည်။ |
ပုံသေ | ပုံသေသော့များရှိသည်။ | ပုံသေသော့များ မရှိပါ။ |
Map.forEach()
forEach()
နည်းလမ်းသည် Map ရှိ သော့/တန်ဖိုးအတွဲတစ်ခုစီအတွက် ပြန်ခေါ်သည် -
ဥပမာ
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
Map.keys()
နည်းလမ်းသည် Map ရှိ သော့များဖြင့် ထပ်ကာထပ်ကာ အ keys()
ရာဝတ္တုကို ပြန်ပေးသည်-
ဥပမာ
// List all keys
let veggies = "";
for (const x of fruits.keys()) {
veggies += x;
}
Map.values()
နည်းလမ်း သည် values
Map ရှိ တန်ဖိုးများနှင့်အတူ iteration object တစ်ခုကို ပြန်ပေးသည်-
ဥပမာ
// Sum all values
let total = 0;
for (const x of fruits.values()) {
total += x;
}
Map.entries()
entries()
နည်းလမ်းသည် မြေပုံတစ်ခုရှိ [သော့၊ တန်ဖိုးများ] ဖြင့် iterator အရာတစ်ခုကို ပြန်ပေးသည် -
ဥပမာ
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
သော့များအဖြစ် အရာဝတ္ထုများ
အရာဝတ္ထုများကို သော့များအဖြစ် အသုံးပြုနိုင်ခြင်းသည် အရေးကြီးသော Map အင်္ဂါရပ်တစ်ခုဖြစ်သည်။
ဥပမာ
// Create Objects
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
// Create a Map
const fruits = new Map();
// Add new Elements to the Map
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);
သတိရပါ- သော့သည် အရာဝတ္ထုတစ်ခု (ပန်းသီးများ)၊ စာကြောင်းမဟုတ် ("apples")။
ဥပမာ
fruits.get("apples"); // Returns undefined
Browser ပံ့ပိုးမှု
Internet Explorer မှလွဲ၍ Browser အားလုံးတွင် JavaScript Maps ကို ပံ့ပိုးပေးသည်-
Chrome | Edge | Firefox | Safari | Opera |