JS ကျူတိုရီရယ်

JS ပင်မ JS မိတ်ဆက် JS ဘယ်သွားမလဲ။ JS Output JS ထုတ်ပြန်ချက် JS Syntax JS မှတ်ချက်များ JS အပြောင်းအလဲများ JS Let JS Const JS အော်ပရေတာများ JS ဂဏန်းသင်္ချာ JS တာဝန် JS ဒေတာအမျိုးအစားများ JS လုပ်ဆောင်ချက်များ JS အရာဝတ္ထုများ JS ပွဲများ JS စာတန်းများ JS စာတန်းနည်းလမ်းများ JS စာတန်းရှာဖွေမှု JS String Templates JS နံပါတ်များ JS နံပါတ်နည်းလမ်းများ JS Arrays JS Array Methods JS Array အမျိုးအစား JS Array Iteration JS Array Const JS ရက်စွဲများ JS ရက်စွဲပုံစံများ JS နေ့စွဲ နည်းလမ်းများ ရယူပါ။ JS ရက်စွဲ သတ်မှတ်နည်းလမ်းများ JS သင်္ချာ JS Random JS Booleans JS နှိုင်းယှဉ်မှုများ JS အခြေအနေများ JS Switch JS Loop For JS Loop For In JS Loop For Of JS Loop While JS Break JS Iterables JS အစုံများ JS Maps JS အမျိုးအစား JS အမျိုးအစား ပြောင်းခြင်း။ JS Bitwise JS RegExp JS အမှားများ JS နယ်ပယ် JS Hoisting JS တင်းကျပ်သောမုဒ် JS ဒီ Keyword ပါ။ JS Arrow Function JS သင်တန်းများ JS JSON JS Debugging JS စတိုင်လမ်းညွှန် JS အကောင်းဆုံးအလေ့အကျင့်များ JS အမှားများ JS စွမ်းဆောင်ရည် JS သီးသန့်စကားလုံးများ

JS ဗားရှင်းများ

JS ဗားရှင်းများ JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS သမိုင်း

JS အရာဝတ္ထုများ

Object အဓိပ္ပါယ်ဖွင့်ဆိုချက် Object Properties များ အရာဝတ္ထုနည်းလမ်းများ အရာဝတ္ထုပြသခြင်း။ အရာဝတ္ထု ဆက်စပ်ပစ္စည်းများ Object Constructors များ Object Prototypes Object Iterables အရာဝတ္ထုအစုံများ အရာဝတ္ထုမြေပုံများ Object ကိုးကား

JS လုပ်ဆောင်ချက်များ

လုပ်ဆောင်ချက် အဓိပ္ပါယ်ဖွင့်ဆိုချက် လုပ်ဆောင်ချက် ကန့်သတ်ချက်များ Function Invocation လုပ်ဆောင်ချက်ခေါ်ဆိုမှု လုပ်ဆောင်ချက်ကို အသုံးပြုပါ။ Function ပိတ်ခြင်းများ

JS သင်တန်းများ

အတန်းမိတ်ဆက် Class Inheritance အတန်းထဲမှာလည်း

JS Async

JS ပြန်ခေါ်မှုများ JS Asynchronous JS ကတိများ JS Async/Await

JS HTML DOM

DOM မိတ်ဆက် DOM နည်းလမ်းများ DOM စာရွက်စာတမ်း DOM ဒြပ်စင်များ DOM HTML DOM ပုံစံများ DOM CSS DOM အန်နီမေးရှင်းများ DOM ပွဲများ DOM ဖြစ်ရပ် နားထောင်သူ DOM လမ်းညွှန် DOM Nodes DOM စုစည်းမှုများ DOM Node စာရင်းများ

JS Browser BOM

JS Window JS မျက်နှာပြင် JS တည်နေရာ JS သမိုင်း JS Navigator JS Popup သတိပေးချက် JS Timing JS Cookies

JS ဝဘ် API များ

ဝဘ် API မိတ်ဆက် ဝဘ်ဖောင် API ဝဘ်သမိုင်း API ဝဘ်သိုလှောင်မှု API Web Worker API Web Fetch API ဝဘ် Geolocation API

JS AJAX

AJAX နိဒါန်း AJAX XMLHttp AJAX တောင်းဆိုချက် AJAX တုံ့ပြန်မှု AJAX XML ဖိုင် AJAX PHP AJAX ASP AJAX ဒေတာဘေ့စ် AJAX အပလီကေးရှင်းများ AJAX ဥပမာများ

JS JSON

JSON မိတ်ဆက် JSON Syntax JSON နှင့် XML JSON ဒေတာအမျိုးအစားများ JSON Parse JSON Stringify JSON အရာဝတ္ထုများ JSON Arrays JSON ဆာဗာ JSON PHP JSON HTML JSON JSONP

JS နှင့် jQuery

jQuery ရွေးချယ်မှုများ jQuery HTML jQuery CSS jQuery DOM

JS ဂရပ်ဖစ်

JS ဂရပ်ဖစ် JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS ဥပမာများ

JS ဥပမာများ JS HTML DOM JS HTML ထည့်သွင်းမှု JS HTML Objects JS HTML ပွဲများ JS Browser JS တည်းဖြတ်သူ JS လေ့ကျင့်ခန်းများ JS Quiz JS လက်မှတ်

JS ကိုးကားချက်များ

JavaScript Objects HTML DOM အရာဝတ္ထုများ


JavaScript Array Methods


Array များကို Strings အဖြစ်ပြောင်းခြင်း။

JavaScript method toString()သည် array တစ်ခုအား (ကော်မာ ခြားထားသည်) array တန်ဖိုးများကို string တစ်ခုသို့ ပြောင်းပေးသည်။

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

ရလဒ်:

Banana,Orange,Apple,Mango

နည်းလမ်း သည် join()array element အားလုံးကို string တစ်ခုအဖြစ်လည်း ချိတ်ဆက်ပေးပါသည်။

၎င်းသည် အလားတူ toString()လုပ်ဆောင်သည်၊ သို့သော် ၎င်းအပြင် ခြားနားချက်ကို သင်သတ်မှတ်နိုင်သည်။

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

ရလဒ်:

Banana * Orange * Apple * Mango

Popping နှင့် Pushing

သင် array များနှင့်အလုပ်လုပ်သောအခါ၊ ၎င်းသည်ဒြပ်စင်များကိုဖယ်ရှားရန်နှင့်ဒြပ်စင်အသစ်များကိုထည့်ရန်လွယ်ကူသည်။

ဤသည်မှာ ပေါ်လာခြင်း နှင့် တွန်းခြင်း ဖြစ်သည် ။

array တစ်ခုမှ အရာများကို ထုတ် ခြင်း သို့မဟုတ် array တစ်ခု ထဲသို့ ပစ္စည်းများ တွန်းပို့ခြင်း



JavaScript Array pop()

နည်းလမ်း သည် pop()array တစ်ခုမှ နောက်ဆုံးဒြပ်စင်ကို ဖယ်ရှားသည်-

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();

pop()နည်းလမ်းသည် "ပေါက်ထွက်သည်" တန်ဖိုးကို ပြန်ပေးသည် -

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();

JavaScript Array push()

push()နည်းလမ်းသည် array တစ်ခုသို့ ဒြပ်စင်အသစ်တစ်ခုကို ပေါင်းထည့်သည် (အဆုံးတွင် )

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");

နည်းလမ်း သည် push()array အရှည်အသစ်ကို ပြန်ပေးသည်-

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");

ပြောင်းလဲမှုဒြပ်စင်များ

ရွှေ့ခြင်းသည် popping နှင့် ညီမျှသော်လည်း နောက်ဆုံးအရာအစား ပထမဒြပ်စင်ပေါ်တွင် လုပ်ဆောင်ခြင်းဖြစ်သည်။


JavaScript Array shift()

နည်းလမ်းသည် ပထမ shift()အခင်းအကျင်းဒြပ်စင်ကို ဖယ်ရှားပြီး အခြားဒြပ်စင်အားလုံးကို အညွှန်းအောက်သို့ ရွှေ့သည်။

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();

shift()နည်းလမ်းသည် "ပြောင်းသွားပြီ" တန်ဖိုးကို ပြန်ပေးသည် -

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();

JavaScript Array unshift()

unshift()နည်းလမ်းသည် array (အစတွင်) တွင် ဒြပ်စင်အသစ်တစ်ခုကို ပေါင်းထည့်ကာ အဟောင်းဒြပ်စင်များကို "ဖြုတ်" သည် -

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");

unshift()နည်းလမ်းသည် array အရှည်အသစ်ကို ပြန်ပေးသည်

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");

ဒြပ်စင်များ ပြောင်းလဲခြင်း။

Array အစိတ်အပိုင်းများကို ၎င်းတို့၏ အညွှန်းနံပါတ်ကို အသုံးပြု၍ ဝင်ရောက်ကြည့်ရှုသည် -

Array အညွှန်းကိန်း များသည် 0 နှင့် စတင်သည်-

[0] သည် ပထမ array element
[1] ဖြစ်ပြီး ဒုတိယ
[2] သည် တတိယ...

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";

JavaScript Array အရှည်

ပိုင်ဆိုင်မှု သည် lengtharray တစ်ခုတွင် element အသစ်တစ်ခုကို ပေါင်းထည့်ရန် လွယ်ကူသောနည်းလမ်းကို ပေးဆောင်သည်-

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";

JavaScript Array delete()

သတိပေးချက် !

JavaScript အော်ပရေတာကို အသုံးပြု၍ Array အစိတ်အပိုင်းများကို ဖျက်နိုင်သည် delete

deleteခင်းကျင်းထားသော အရွက်အ ပေါက် များကို အသုံးပြုခြင်း undefined

ထိုအစား pop() သို့မဟုတ် shift() ကိုသုံးပါ။

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];

ပေါင်းစည်းခြင်း (Concatenating) Arrays

နည်းလမ်း သည် concat()ရှိပြီးသား array များကို ပေါင်းစည်းခြင်း (ပေါင်းစပ်ခြင်းဖြင့်) အသစ်တစ်ခု ဖန်တီးသည်-

ဥပမာ (Array နှစ်ခုကို ပေါင်းစည်းခြင်း)

const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];

const myChildren = myGirls.concat(myBoys);

နည်းလမ်း သည် concat()ရှိပြီးသား array များကို မပြောင်းလဲပါ။ ၎င်းသည် ခင်းကျင်းအသစ်တစ်ခုကို အမြဲတမ်း ပြန်ပေးသည်။

နည်းလမ်း သည် concat()မည်သည့် array argument အရေအတွက်ကိုမဆို ယူနိုင်သည်-

ဥပမာ (Array သုံးခုပေါင်းစည်းခြင်း)

const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);

နည်းလမ်း သည် concat()အကြောင်းပြချက်များအဖြစ် strings များကိုလည်း ယူနိုင်သည်။

ဥပမာ (တန်ဖိုးများနှင့် Array တစ်ခုကို ပေါင်းစည်းခြင်း)

const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter"); 

Splicing နှင့် Slicing Arrays များ

splice()နည်းလမ်းသည် array တစ်ခုသို့ အကြောင်းအရာအသစ်များကို ပေါင်းထည့်သည်

slice()နည်းလမ်းသည် array တစ်ခု၏အပိုင်းကို ပိုင်းဖြတ်သည်


JavaScript Array splice()

splice()array တစ်ခုတွင် အကြောင်းအရာအသစ်များထည့်ရန် နည်းလမ်းကို သုံးနိုင်သည် -

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

ပထမဘောင် (၂) သည် ဒြပ်စင်အသစ်များကို ပေါင်းထည့် သင့်သည် (ခွဲစိပ်ထားသည်) နေရာကို သတ်မှတ်သည် ။

ဒုတိယ ကန့်သတ်ချက် (0) သည် ဒြပ်စင် မည်မျှ ဖယ်ရှား သင့် သည်ကို သတ်မှတ်သည်

ကျန်ဘောင်များ ("သံပုရာ"၊ "ကီဝီ") သည် ထပ်ထည့် ရမည့်ဒြပ်စင်အသစ်များကို သတ်မှတ်သည်

နည်းလမ်း သည် splice()ဖျက်ထားသော အရာများနှင့်အတူ array တစ်ခုကို ပြန်ပို့ပေးသည်-

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

အစိတ်အပိုင်းများကိုဖယ်ရှားရန် splice() ကိုအသုံးပြုခြင်း။

splice()လိမ္မာပါးနပ်သော ကန့်သတ်ဘောင်ဆက်တင်ဖြင့်၊ ခင်း ကျင်းတွင် "အပေါက်များ" မထားခဲ့ဘဲ အစိတ်အပိုင်းများကို ဖယ်ရှားရန် သင်အသုံးပြုနိုင် သည်-

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);

ပထမဘောင် (0) သည် ဒြပ်စင်အသစ်များကို ပေါင်းထည့် သင့်သည် (ခွဲစိပ်ထားသည်) နေရာကို သတ်မှတ်သည် ။

ဒုတိယ ကန့်သတ်ချက် (၁) သည် ဒြပ်စင် မည်မျှ ဖယ်ရှား သင့် သည်ကို သတ်မှတ်သည်

ကျန်ဘောင်များကို ချန်လှပ်ထားသည်။ အစိတ်အပိုင်းအသစ်များကို ထည့်သွင်းမည်မဟုတ်ပါ။


JavaScript Array အချပ်()

slice()နည်းလမ်းသည် array တစ်ခု၏ အပိုင်းတစ်ပိုင်းကို array အသစ်တစ်ခုအဖြစ် ပိုင်းဖြတ်သည်

ဤဥပမာသည် array ဒြပ်စင် 1 ("လိမ္မော်ရောင်") မှ စတင်သည့် array ၏ အစိတ်အပိုင်းတစ်ခုကို ပိုင်းဖြတ်သည်-

ဥပမာ

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);

မှတ်ချက်

နည်းလမ်း သည် slice()array အသစ်တစ်ခုကို ဖန်တီးသည်။

နည်းလမ်း သည် slice()source array မှ မည်သည့်ဒြပ်စင်ကိုမျှ မဖယ်ရှားပါ။

ဤဥပမာသည် array element 3 ("Apple") မှစတင်သည့် array တစ်ခု၏ အစိတ်အပိုင်းတစ်ခုကို ပိုင်းဖြတ်သည်-

ဥပမာ

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);

slice()နည်းလမ်းသည် ငြင်းခုံမှုနှစ်ခုကို ယူ နိုင်သည် slice(1, 3)

ထို့နောက် method သည် start argument မှ element များကို ရွေးပေးပြီး end argument အထိ (သို့သော် မပါဝင်ပါ)။

ဥပမာ

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);

ပထမဥပမာများတွင်ကဲ့သို့၊ အဆုံးအငြင်းပွားမှုကို ချန်လှပ်ထားလျှင် slice() နည်းလမ်းသည် ကျန် array များကို ပိုင်းဖြတ်မည်ဖြစ်သည်။

ဥပမာ

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);

အလိုအလျောက် toString()

primitive value ကိုမျှော်လင့်ထားသောအခါ JavaScript သည် array တစ်ခုအား ကော်မာခွဲထားသော စာကြောင်းတစ်ခုသို့ အလိုအလျောက်ပြောင်းပေးပါသည်။

array တစ်ခုကို output လုပ်ဖို့ကြိုးစားတဲ့အခါ ဒါက အမြဲတမ်းဖြစ်တတ်ပါတယ်။

ဤဥပမာနှစ်ခုသည် တူညီသောရလဒ်ကို ထုတ်ပေးလိမ့်မည်-

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

ဥပမာ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

မှတ်ချက်

JavaScript object အားလုံးတွင် toString() method တစ်ခုရှိသည်။


Array တစ်ခုတွင် Max နှင့် Min Values ​​များကို ရှာဖွေခြင်း။

JavaScript array တစ်ခုတွင် အမြင့်ဆုံး သို့မဟုတ် အနိမ့်ဆုံးတန်ဖိုးကို ရှာဖွေရန်အတွက် built-in လုပ်ဆောင်ချက်များ မရှိပါ။

ဤသင်ခန်းစာ၏ နောက်အခန်းတွင် ဤပြဿနာကို သင်မည်သို့ဖြေရှင်းရမည်ကို သင်လေ့လာလိမ့်မည်။


Array များကို စီခြင်း

စီစဥ်ခြင်း array များကို ဤသင်ခန်းစာ၏ နောက်အခန်းတွင် ဖော်ပြထားသည်။

Array အကိုးအကား အပြည့်အစုံ

For a complete Array reference, go to our:

Complete JavaScript Array Reference.

The reference contains descriptions and examples of all Array properties and methods.

Test Yourself With Exercises

Exercise:

Use the correct Array method to remove the last item of the fruits array.

const fruits = ["Banana", "Orange", "Apple"];
;