JavaScript Array Clean Sheet

ဒီ methods တွေဟာ Project တိုင်းလိုလိုပါဝင်တဲ့ JavaScript ရဲ့ build-in methods တွေပဲဖြစ်ပါတယ်။ မဖြစ်မနေသိထားသင့်ပါတယ်။

forEach()

Array တစ်ခုမှာရှိတဲ့ items တွေကို Loop ပတ်စေချင်တဲ့အခါ သုံးတယ်။

(traditional for loop ထက် ပိုရှင်းလင်း)

ဘယ်လိုနေရာတွေမှာ သုံးသလဲ?

Array ထဲက items တွေကို loop ပတ်ပြီး ဖော်ပြချင်တယ်ဆိုပါစို့။

includes()

Array တစ်ခုမှာ ကိုယ်ရှာချင်တဲ့ item ရှိမရှိ စစ်တဲ့အခါသုံးတယ်။

ဘယ်လိုနေရာတွေမှာ သုံးလို့ရသလဲ?

Item တစ်ခု ကို Array ထဲ ထည့်ချင်တယ် ဆိုပါစို့။ ဒါပေမဲ့ ရှိပြီးသား item ဆိုရင် ထပ်မထည့်ချင်တဲ့အခါမျိုးမှာ သုံးနိုင်တယ်။

Value 4 က arr ထဲမှာ မရှိမှ ထည့်မယ့် ပုံဖြစ်ပါတယ်။

filter()

Array တစ်ခုမှ လိုချင်တဲ့ items တွေကိုပဲစစ်ပြီး ဆွဲထုတ်ချင်တဲ့အခါသုံးတယ်။

ဒါကတော့ even numbers တွေကို ဆွဲထုတ်လိုက်တာပါ။ return အနေနဲ့ကတော့ array ရပါတယ်။

ဘယ်လိုနေရာတွေမှာ သုံးသလဲ?

ဒါကတော့ price 2000 ထက် ကျော်တဲ့ items တွေကို စစ်ထုတ်လိုက်တာပါ။

map()

Array တစ်ခုက items တွေကို update လုပ်ချင်တဲ့အခါ သုံးတယ်။

Array ထဲက item တခုချင်းစီကို 2 ဆ တိုးပြီးယူလိုက်တာပါ။

ဘယ်လိုနေရာတွေမှာ သုံးလို့ရသလဲ?

ဒါကတော့ salary 30000 တွေကို 5000 စီတိုးပေးလိုက်တာပါ။

reduce()

Array တစ်ခုမှာရှိတဲ့ items တွေရဲ့စုစုပေါင်း တန်ဖိုးရှာတဲ့အခါ သုံးပါတယ်။

ဘယ်လိုနေရာတွေမှာ သုံးသလဲ?

ဒါကတော့ array ထဲရှိ Salary value တွေ အားလုံးပေါင်းလိုက်တာပါ။

some()

Array ထဲက items တွေထဲမှ အနည်းဆုံး item တခုက condition မှန်ရင် return true ပြန်ပါတယ်။

ဒါကတော့ array ထဲမှာ even number အနည်းဆုံးတစ်ခုရှိနေလို့ true ပြန်တာပါ။

ဘယ်လိုနေရာတွေမှာ သုံးသလဲ?

Array ထဲမှာ ကိုယ်လိုချင်တာ အနည်းဆုံး ၁ ခုရှိမရှိ ရှာချင်တဲ့အခါသုံးပါတယ်

ဒီလိုမျိုး Array ထဲမှာ gender value female ပါလားမပါလား ဒီနည်းနဲ့ သိနိုင်ပါတယ်။

every()

Array ထဲက items အကုန် condition မှန်မှ return true ပြန်ပါတယ်။

Array ထဲက items အားလုံး even number မဟုတ်တဲ့အတွက် false ဖြစ်တာပါ။

ဘယ်လိုနေရာတွေမှာ သုံးသလဲ?

Result1 ရဲ့ conditon က အသက် ၂၀ ကျော်လို့ စစ်ထားတဲ့အတွက် arr ထဲကသူအားလုံးက ၂၀ ကျော်ပါတယ်။ ဒါကြောင့် return က true ပါ။

Result2 ရဲ့ condition က အသက် ၂၁ ကျော်လို့ စစ်ထားတဲ့အတွက် arr ထဲမှာ အသက် ၂၀ တစ်ယောက်ရှိပါတယ်။ ဒါကြောင့် return က false ပါ။

sort()

Array ထဲက Items တွေကို sorting (ascending/descending) လုပ်တဲ့အခါမှာ သုံးတယ်။

Explanation

.sort(a,b) မှာ a ကို first number ၊ b ကို second number လို့ မှတ်ယူပါ။

? ကတော့ ternary operator ပါ (if else နဲ့ တူပါတယ်) (a > b) ? 1 : -1 ဆိုတာက a က b ထက်ကြီးရင် 1 ကို return မှာ ဖြစ်ပြီး မဟုတ်ရင်တော့ -1 ကို return မှာပါ။

1 ကို return ရင် နေရာချိန်းမယ်ဆိုတဲ့ သဘောဖြစ်ပြီး -1 ဆိုရင်တော့ နေရာမချိန်းဘူး ဆိုတဲ့ သေဘာပါ။

ဆိုလိုရင်းက အရှေ့ကိန်းက အနောက်ကိန်းထက်ကြီးရင် နေရာလဲမယ်သဘော ဖြစ်တဲ့အတွက် ငယ်စဥ်ကြီးလိုက် အနေအထားကိုဖြစ်သွားစေပါတယ်။

ကြီးစဥ်ငယ်လိုက်လုပ်ရင်လည်း အနေအထားကို ပြောင်းပြန်ယူဆလိုက်ရင်ရပါပြီ။

ဘယ်လိုနေရာတွေမှာ သုံးသလဲ?