JavaScript Arrays
array တစ်ခုသည် တန်ဖိုးတစ်ခုထက်ပို၍ထိန်းထားနိုင်သော အထူးကိန်းရှင်တစ်ခုဖြစ်သည်။
const cars = ["Saab", "Volvo", "BMW"];
ဘာကြောင့် Array ကိုသုံးတာလဲ။
အကယ်၍ သင့်တွင် ပစ္စည်းစာရင်း (ဥပမာ ကားအမည်များစာရင်း) တွင် ကားများကို ကိန်းရှင်တစ်ခုတည်းဖြင့် သိမ်းဆည်းခြင်းသည် ဤကဲ့သို့ ဖြစ်နိုင်ပါသည်။
let car1 = "Saab";
let car2 = "Volvo";
let car3 = "BMW";
သို့သော်၊ သင်သည် ကားများကို လှည့်ပတ်ပြီး တိကျသောတစ်ခုကို ရှာလိုပါက မည်သို့နည်း။ ကား ၃ စီးမရှိပေမယ့် ၃၀၀ ဆိုရင်ကော။
ဖြေရှင်းချက်သည် array တစ်ခုဖြစ်သည်။
array တစ်ခုသည် နာမည်တစ်ခုတည်းအောက်တွင် တန်ဖိုးများစွာကို ထိန်းထားနိုင်ပြီး အညွှန်းနံပါတ်တစ်ခုကို ရည်ညွှန်းခြင်းဖြင့် တန်ဖိုးများကို သင်ဝင်ရောက်နိုင်သည်။
Array ဖန်တီးခြင်း။
array literal ကိုအသုံးပြုခြင်းသည် JavaScript Array ကိုဖန်တီးရန်အလွယ်ကူဆုံးနည်းလမ်းဖြစ်သည်။
အထားအသို-
const array_name = [item1, item2, ...];
const သော့ချက်စကားလုံး ဖြင့် array များကိုကြေငြာခြင်းသည် သာမာန်အလေ့အကျင့်တစ်ခုဖြစ်သည် ။
အခန်းတွင် const with arrays အကြောင်း ပိုမိုလေ့လာပါ - JS Array Const .
ဥပမာ
const cars = ["Saab", "Volvo", "BMW"];
နေရာလွတ်များနှင့် လိုင်းခွဲခြင်းများသည် အရေးမကြီးပါ။ ကြေငြာချက်တစ်ခုသည် စာကြောင်းများစွာကို ချဲ့ထွင်နိုင်သည်-
ဥပမာ
const cars = [
"Saab",
"Volvo",
"BMW"
];
သင်သည် array တစ်ခုကိုလည်း ဖန်တီးနိုင်ပြီး အစိတ်အပိုင်းများကို ပေးဆောင်နိုင်သည်-
ဥပမာ
const cars = [];
cars[0]= "Saab";
cars[1]= "Volvo";
cars[2]= "BMW";
JavaScript Keyword အသစ်ကို အသုံးပြုခြင်း။
အောက်ဖော်ပြပါ ဥပမာသည် Array တစ်ခုကို ဖန်တီးပြီး ၎င်းအတွက် တန်ဖိုးများ သတ်မှတ်ပေးသည်-
ဥပမာ
const cars = new Array("Saab", "Volvo", "BMW");
အထက်ဖော်ပြပါ ဥပမာနှစ်ခုသည် တူညီသည်။
အသုံးပြုရန်မလိုအပ်ပါ new Array()
။
ရိုးရှင်းမှု၊ ဖတ်ရှုနိုင်မှု နှင့် လုပ်ဆောင်မှု မြန်နှုန်းအတွက်၊ array literal method ကို အသုံးပြုပါ။
Array Elements များကို ဝင်ရောက်ကြည့်ရှုခြင်း။
အညွှန်းနံပါတ်ကို ရည်ညွှန်းခြင်းဖြင့် သင်သည် array element တစ်ခုကို ဝင်ရောက်ကြည့်ရှုနိုင်သည် -
const cars = ["Saab", "Volvo", "BMW"];
let car = cars[0];
မှတ်ချက်- Array အညွှန်းများသည် 0 နှင့် စတင်သည်။
[0] သည် ပထမဒြပ်စင်ဖြစ်သည်။ [1] သည် ဒုတိယဒြပ်စင်ဖြစ်သည်။
Array Element တစ်ခုပြောင်းလဲခြင်း။
ဤဖော်ပြချက်သည် အောက်ပါဒြပ်စင်၏တန်ဖိုးကို ပြောင်းလဲသည် cars
-
cars[0] = "Opel";
ဥပမာ
const cars = ["Saab", "Volvo", "BMW"];
cars[0] = "Opel";
Full Array ကိုဝင်ရောက်ပါ။
JavaScript ဖြင့်၊ array အမည်ကို ရည်ညွှန်းခြင်းဖြင့် အပြည့်အစုံကို ဝင်ရောက်ကြည့်ရှုနိုင်သည်-
ဥပမာ
const cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars;
Array များသည် Object များဖြစ်သည်။
Array များသည် အထူး object အမျိုးအစားတစ်ခုဖြစ်သည်။ JavaScript ရှိ typeof
အော်ပရေတာသည် arrays အတွက် "object" ကို ပြန်ပေးသည်။
သို့သော် JavaScript array များကို arrays များအဖြစ် အကောင်းဆုံးဖော်ပြပါသည်။
Array များသည် ၎င်း၏ "ဒြပ်စင်များ" ကို ဝင်ရောက်ရန် နံပါတ်များ ကို အသုံးပြုသည်။ ဤဥပမာတွင်၊ person[0]
John ကို ပြန်ပေးသည်-
အခင်းအကျင်း-
const person = ["John", "Doe", 46];
အရာဝတ္ထုများသည် ၎င်း၏ "အဖွဲ့ဝင်များ" ကို ဝင်ရောက်ရန် အမည်များ ကို အသုံးပြုသည်။ ဤဥပမာတွင်၊
person.firstName
John ကို ပြန်ပေးသည်-
အရာဝတ္ထု-
const person = {firstName:"John", lastName:"Doe", age:46};
Array Element များသည် Object များဖြစ်နိုင်သည်။
JavaScript variable များသည် object များဖြစ်နိုင်ပါသည်။ Array များသည် အထူး object အမျိုးအစားများဖြစ်သည်။
ထို့အတွက်ကြောင့် သင်သည် တူညီသော Array တွင် ကွဲပြားသောအမျိုးအစားများ ကွဲပြားနိုင်သည်။
Array တစ်ခုတွင် အရာဝတ္ထုများ ရှိနေနိုင်သည်။ Array တစ်ခုတွင် လုပ်ဆောင်ချက်များ ရှိနိုင်သည်။ Array တစ်ခုတွင် Array များ ရှိနိုင်သည်-
myArray[0] = Date.now;
myArray[1] = myFunction;
myArray[2] = myCars;
Array Properties နှင့် Methods
JavaScript array များ၏ တကယ့် အစွမ်းသတ္တိမှာ built-in array ဂုဏ်သတ္တိများနှင့် နည်းလမ်းများဖြစ်သည် ။
cars.length // Returns the number of elements
cars.sort() // Sorts the array
Array နည်းလမ်းများကို နောက်အခန်းများတွင် ဖော်ပြထားသည်။
အလျားအိမ်ခြံမြေ
array တစ်ခု၏ length
ပိုင်ဆိုင်မှုသည် array တစ်ခု၏ အရှည် (array element အရေအတွက်) ကို ပြန်ပေးသည်။
ဥပမာ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.length;
ပိုင်ဆိုင်မှုသည် အ length
မြင့်ဆုံး array အညွှန်းထက် အမြဲတမ်းတစ်ခုဖြစ်သည်။
ပထမ Array Element ကို ဝင်ရောက်ကြည့်ရှုခြင်း။
ဥပမာ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[0];
နောက်ဆုံး Array Element ကို ဝင်ရောက်ကြည့်ရှုခြင်း။
ဥပမာ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[fruits.length - 1];
Looping Array Elements
array တစ်ခုမှတဆင့် loop ပတ်ရန်နည်းလမ်းတစ်ခုမှာ loop ကိုအသုံးပြုခြင်းဖြစ်သည် for
-
ဥပမာ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fLen = fruits.length;
let text = "<ul>";
for (let i = 0; i < fLen; i++) {
text += "<li>" + fruits[i] + "</li>";
}
text
+= "</ul>";
လုပ်ဆောင်ချက် ကိုလည်း သင်အသုံးပြုနိုင်သည် Array.forEach()
-
ဥပမာ
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let text = "<ul>";
fruits.forEach(myFunction);
text += "</ul>";
function
myFunction(value) {
text += "<li>" + value + "</li>";
}
Array Elements များထည့်ခြင်း။
array တစ်ခုသို့ element အသစ်တစ်ခုထည့်ရန် အလွယ်ဆုံး push()
နည်းလမ်းမှာ method ကိုအသုံးပြုခြင်းဖြစ်သည်-
ဥပမာ
const fruits = ["Banana", "Orange", "Apple"];
fruits.push("Lemon"); // Adds a new element (Lemon) to fruits
length
ပိုင်ဆိုင်မှု အသစ်ကို အသုံးပြုပြီး array တစ်ခုသို့လည်း ထည့်သွင်းနိုင်သည် -
ဥပမာ
const fruits = ["Banana", "Orange", "Apple"];
fruits[fruits.length] = "Lemon"; // Adds "Lemon" to fruits
သတိပေးချက် !
မြင့်မားသောအညွှန်းများဖြင့် ဒြပ်စင်များကို ပေါင်းထည့်ခြင်းသည် array တစ်ခုတွင် သတ်မှတ်မထားသော "အပေါက်များ" ကို ဖန်တီးနိုင်သည်-
ဥပမာ
const fruits = ["Banana", "Orange", "Apple"];
fruits[6] = "Lemon"; // Creates undefined "holes" in fruits
Associative Arrays
ပရိုဂရမ်းမင်းဘာသာစကားများစွာသည် အမည်ပေးထားသော အညွှန်းများပါသည့် array များကို ပံ့ပိုးပေးသည်။
အမည်ပေးထားသော အညွှန်းကိန်းများပါသည့် array များကို associative arrays (သို့မဟုတ် hashes) ဟုခေါ်သည်။
JavaScript သည် အမည်ပေးထားသော အညွှန်းများပါသည့် array များကို မ ပံ့ပိုးပါ။
JavaScript တွင်၊ array များသည် နံပါတ်တပ်ထားသော အညွှန်းများ ကို အမြဲသုံးသည် ။
ဥပမာ
const person = [];
person[0] = "John";
person[1] = "Doe";
person[2] = 46;
person.length; // Will return 3
person[0]; // Will return "John"
သတိပေးချက် !!
အကယ်၍ သင်သည် အမည်ပေးထားသော အညွှန်းများကို အသုံးပြုပါက၊ JavaScript သည် array ကို အရာဝတ္ထုတစ်ခုသို့ ပြန်လည်သတ်မှတ်ပေးမည်ဖြစ်သည်။
၎င်းနောက်၊ အချို့သော array နည်းလမ်းများနှင့် ဂုဏ်သတ္တိများသည် မှားယွင်းသောရလဒ်များကို ထုတ်ပေးလိမ့်မည် ။
ဥပမာ-
const person = [];
person["firstName"] = "John";
person["lastName"] = "Doe";
person["age"] = 46;
person.length; // Will return 0
person[0]; // Will return undefined
Arrays နှင့် Objects အကြား ကွာခြားချက်
JavaScript တွင်၊ array များသည် နံပါတ်တပ်ထားသော အညွှန်းများ ကို အသုံးပြုသည် ။
JavaScript တွင်၊ အရာဝတ္ထု များသည် အမည်ရှိသော အညွှန်းများ ကို အသုံးပြုသည် ။
Array များသည် နံပါတ်တပ်ထားသော အညွှန်းများပါရှိသော အထူးအရာဝတ္ထုတစ်မျိုးဖြစ်သည်။
Arrays ကို ဘယ်အချိန်မှာ သုံးမလဲ။ Objects ကို ဘယ်အချိန်မှာ သုံးမလဲ။
- JavaScript သည် associative array များကို မပံ့ပိုးပါ။
- ဒြပ်စင်အမည်များကို စာကြောင်းများ (စာသား) ဖြစ်စေချင်သောအခါတွင် သင်သည် အရာဝတ္ထုများကို အသုံးပြုသင့်သည် ။
- ဒြပ်စင်အမည်များကို နံပါတ်များ ဖြစ်စေလိုသောအခါတွင် array များကို အသုံးပြုသင့်သည် ။
JavaScript အသစ် Array()
JavaScript တွင် array constructor new Array()
ပါရှိသည်။
[]
ဒါပေမယ့် အစားကို ဘေးကင်းစွာ သုံးနိုင်ပါတယ် ။
ဤမတူညီသောဖော်ပြချက်နှစ်ခုစလုံးသည် အမှတ်များအမည်ပေးထားသည့် ဗလာအခင်းအကျင်းအသစ်ကို ဖန်တီးသည်-
const points = new Array();
const points = [];
ဤမတူညီသောဖော်ပြချက်နှစ်ခုစလုံးသည် နံပါတ် 6 ပါရှိသော array အသစ်ကိုဖန်တီးသည်-
const points = new Array(40, 100, 1, 5, 25, 10);
const points = [40, 100, 1, 5, 25, 10];
သော့ချက်စကားလုံး သည် new
မျှော်လင့်မထားသောရလဒ်အချို့ကို ထုတ်ပေးနိုင်သည်-
// Create an array with three elements:
const points = new Array(40, 100, 1);
// Create an array with two elements:
const points = new Array(40, 100);
// Create an array with one element ???
const points = new Array(40);
အဖြစ်များသောအမှား
const points = [40];
မတူပါဘူး-
const points = new Array(40);
// Create an array with one element:
const points = [40];
// Create an array with 40 undefined elements:
const points = new Array(40);
Array တစ်ခုကို အသိအမှတ်ပြုနည်း
ယေဘူယျမေးခွန်းမှာ ကိန်းရှင်တစ်ခုသည် array တစ်ခုဖြစ်မဖြစ် မည်သို့သိနိုင်မည်နည်း။
The problem is that the JavaScript operator typeof
returns
"object
":
const fruits = ["Banana", "Orange", "Apple"];
let type = typeof fruits;
The typeof operator returns object because a JavaScript array is an object.
Solution 1:
To solve this problem ECMAScript 5 (JavaScript 2009) defined a new method Array.isArray()
:
Array.isArray(fruits);
Solution 2:
The instanceof
operator returns true if an object is created
by a given constructor:
const fruits = ["Banana", "Orange", "Apple"];
fruits instanceof Array;
Complete Array Reference
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.