map method

map method သည် array ၏ element တစ်ခုချင်းစီအတွက် သတ်မှတ်ထားသော function ကို အသုံးပြုခွင့်ပေးသည်။ ဤ method သည် မူလ array ကို မပြောင်းလဲပဲ ပြောင်းလဲထားသော array အသစ်ကို return ပြန်ပေးသည်။

Method သည် parameter အဖြစ် function တစ်ခုကိုလက်ခံပြီး ၎င်း function သည် array ၏ element တစ်ခုချင်းစီအတွက် အလုပ်လုပ်မည်။ ထို function မှ return ဖြင့် ပြန်ပေးသောတန်ဖိုးသည် array element ၏ တန်ဖိုးအသစ်ဖြစ်လာမည် (ဥပမာများကို ကြည့်ပါ)။

Function ထဲသို့ parameter 3 ခုအထိ ပို့ပေးနိုင်သည်။ ထို parameter များ ရှိပါက (၎င်းတို့သည် မဖြစ်မနေလိုအပ်ခြင်းမဟုတ်)၊ ပထမတစ်ခုသို့ array element သည် အလိုအလျောက်ရောက်ရှိသွားမည်၊ ဒုတိယတစ်ခုသို့ ၎င်း၏ array အတွင်းရှိ အစဉ်လိုက်နံပါတ် (index) ရောက်ရှိသွားမည်၊ တတိယတစ်ခုသို့ array ကိုယ်တိုင်ရောက်ရှိသွားမည်။

Syntax

let အခုအသစ်array = array.map(function(element, index, array) {
	code
	return ပြောင်းလဲထားသော element;
});

ဥပမာ

မူလ array ၏ element တစ်ခုချင်းစီထက် နှစ်ဆကြီးသော element များပါဝင်သည့် array အသစ်တစ်ခုကို ဖန်တီးကြပါစို့။

let arr = [1, 2, 3, 4, 5];

let res = arr.map(function(elem) {
	return elem * 2;
});

console.log(res);

Code ကို run ပြီးနောက်ရရှိသော ရလဒ်။

[2, 4, 6, 8, 10]

ဥပမာ

Element ၏တန်ဖိုးကို array အတွင်းရှိ ၎င်း၏အစဉ်လိုက်နံပါတ် (index) နှင့် မြှောက်ထားသည့် element များပါဝင်သော array အသစ်တစ်ခုကို ဖန်တီးကြပါစို့။

let arr = [1, 2, 3, 4, 5];

let res = arr.map(function(elem, index) {
	return elem * index;
});

console.log(res);

Code ကို run ပြီးနောက်ရရှိသော ရလဒ်။

[0, 2, 6, 12, 20]

ဥပမာ

�ိုအပ်ပါက တတိယ parameter သို့ array ကိုယ်တိုင်ကို ပို့ပေးနိုင်သည်။

let arr = [1, 2, 3, 4, 5];

let res = arr.map(function(elem, index, arr) {
	ဤနေရာတွင် array arr ကို အသုံးပြုနိုင်မည်
});

ဥပမာ

map method ကို multi-dimensional arrays များကို ဖြတ်သန်းကြည့်ရှုရန်အတွက်လည်း အသုံးပြုနိုင်သည်။ ဥပမာအားဖြင့်၊ အောက်ပါ array ကိုပေးထားသည်ဆိုပါစို့။

let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];

ယခု ဤ array ကို map ဖြင့် ဖြတ်သန်းကြည့်ရှုပြီး ၎င်း၏ element များကို console တွင် ထုတ်ပြကြပါစို့။

let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];

let result = arr.map(function(elem) {
	console.log(elem);
});

ရလဒ်အဖြစ် console.log သည် [1, 2, 3]၊ ထို့နောက် [4, 5, 6]၊ ထို့နောက် [7, 8, 9] ကို ထုတ်ပြမည်။

မြင်တွေ့ရသည့်အတိုင်း၊ elem variable ထဲသို့ sub-arrays များ ရောက်ရှိလာသည်။ ယခု ထို sub-array တစ်ခုချင်းစီအတွက် map method ကို အသုံးပြုပြီး ၎င်း၏ element တစ်ခုချင်းစီကို နှစ်ထပ်ကိန်းတင်ကြပါစို့။

let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];

let result = arr.map(function(elem) {
	return elem.map(function(num) {
		return num * num;
	});
});

console.log(result);

ဆက်လက်ဖတ်ရှုရန်

forEach method,
array ၏ element တစ်ခုချင်းစီအတွက် function ကို အသုံးပြုပေးသည်
filter method,
array element များကို စစ်ထုတ်ရန် ခွင့်ပြုပေးသည်
some နှင့် every methods,
array စစ်ဆေးခြင်းကို လုပ်ဆောင်ပေးသည်
reduce နှင့် reduceRight methods,
array ကို တန်ဖိုးတစ်ခုအဖြစ်သို့ ချုံ့ပေးသည်