JavaScript Objects

❮ ယခင် နောက်တစ်ခု ❯

JavaScript တွင် အရာဝတ္ထုများသည် ဘုရင်ဖြစ်သည်။ Object တွေကို နားလည်ရင် JavaScript ကို နားလည်ပါတယ်။

JavaScript တွင် "အရာရာ" နီးပါးသည် အရာဝတ္ထုတစ်ခုဖြစ်သည်။

Booleans သည် အရာဝတ္ထုများ ဖြစ်နိုင်သည် (သော့ချက်စာလုံးဖြင့် သတ်မှတ်ပါက new)
နံပါတ်များသည် အရာဝတ္ထုများ ဖြစ်နိုင်သည် (သော့ချက်စာလုံးဖြင့် သတ်မှတ်ပါက new)
စာကြောင်းများသည် အရာဝတ္ထုများ ဖြစ်နိုင်သည် ( newသော့ချက်စာလုံးဖြင့် သတ်မှတ်လျှင်)
ရက်စွဲများသည် အမြဲတမ်း အရာဝတ္ထုများဖြစ်သည်။
သင်္ချာဆိုတာ အမြဲတမ်း အရာဝတ္ထုတွေပါ။
ပုံမှန်အသုံးအနှုန်းများသည် အမြဲတမ်းအရာဝတ္ထုများဖြစ်သည်။
Array များသည် အမြဲတမ်း အရာဝတ္ထုများဖြစ်သည်။
လုပ်ဆောင်ချက်များသည် အမြဲတမ်း အရာဝတ္ထုများဖြစ်သည်။
အရာဝတ္ထုများသည် အမြဲတမ်း အရာဝတ္ထုများဖြစ်သည်။

မူလအစမှလွဲ၍ JavaScript တန်ဖိုးများအားလုံးသည် အရာဝတ္ထုများဖြစ်သည်။

JavaScript အခြေခံများ

မူလတန်ဖိုး သည် ဂုဏ်သတ္တိများ သို့မဟုတ် နည်းလမ်းများမရှိသော တန်ဖိုးတစ်ခုဖြစ်သည် ။

ပဏာမ ဒေတာအမျိုးအစား သည် ပဏာမတန်ဖိုးရှိသော ဒေတာဖြစ်သည်။

JavaScript သည် primitive data အမျိုးအစား ၅ မျိုး ကို သတ်မှတ်သည်-

string
number
boolean
null
undefined

မူလတန်ဖိုးများသည် မပြောင်းလဲနိုင်သော (၎င်းတို့ကို ဟာ့ဒ်ကုတ်ဖြင့် ပြုလုပ်ထားသောကြောင့် ပြောင်းလဲ၍မရပါ)။

x = 3.14 ဆိုရင် x ရဲ့တန်ဖိုးကို ပြောင်းလို့ရပါတယ်။ ဒါပေမယ့် 3.14 ရဲ့တန်ဖိုးကို သင်ပြောင်းလို့မရပါဘူး။

တန်ဖိုး	ရိုက်ပါ။	မှတ်ချက်
"ဟယ်လို"	ကြိုးတစ်ချောင်း	"မင်္ဂလာပါ" "မင်္ဂလာပါ" ၊
၃.၁၄	နံပါတ်	3.14 သည် အမြဲတမ်း 3.14 ဖြစ်သည်။
အမှန်	ဘူလီယံ	အမှန်သည် အမြဲမှန်သည်။
အတုအယောင်	ဘူလီယံ	false သည် အမြဲတမ်း false ဖြစ်သည်။
null	null (အရာဝတ္ထု)	null သည် အမြဲတမ်း null ဖြစ်သည်။
သတ်မှတ်မထားသော	သတ်မှတ်မထားသော	undefined သည် အမြဲတမ်း သတ်မှတ်မထားသော

Object များသည် Variable များဖြစ်သည်။

JavaScript variable များတွင် တန်ဖိုးတစ်ခုတည်း ပါဝင်နိုင်သည်-

ဥပမာ

let person = "John Doe";

JavaScript variable များတွင်လည်း တန်ဖိုးများစွာ ပါဝင်နိုင်သည်။

Object များသည် variable များဖြစ်သည်။ သို့သော် အရာဝတ္ထုများတွင် တန်ဖိုးများစွာ ပါဝင်နိုင်သည်။

အရာဝတ္ထုတန်ဖိုးများကို အမည်-တန်ဖိုး အတွဲများ (အမည်နှင့် တန်ဖိုးများကို ကော်လံတစ်ခုဖြင့် ပိုင်းခြားထားသည်)။

ဥပမာ

let person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

JavaScript object သည် အမည်ပေးထားသော တန်ဖိုးများ အစုအဝေးတစ်ခုဖြစ်သည်။

အရာဝတ္ထုများကို constသော့ချက်စာလုံးဖြင့် ကြေညာခြင်းသည် သာမန်အလေ့အကျင့်တစ်ခုဖြစ်သည်။

ဥပမာ

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Object Properties များ

JavaScript object များတွင် အမည်ပေးထားသော တန်ဖိုးများကို ဂုဏ်သတ္တိများ ဟုခေါ်သည် ။

ပစ္စည်းဥစ္စာ	တန်ဖိုး
နာမည်	ယော
မျိုးနွယ်အမည်	ဒိုး
အသက်	၅၀
မျက်လုံးအရောင်	အပြာ

အမည်တန်ဖိုးအတွဲများအဖြစ် ရေးသားထားသော အရာဝတ္ထုများသည်-

PHP ရှိ Associative arrays များ
Python ရှိ အဘိဓာန်များ
C တွင် Hash ဇယားများ
Java ရှိ Hash မြေပုံများ
Ruby နှင့် Perl တွင် Hashes

အရာဝတ္ထုနည်းလမ်းများ

နည်းလမ်းများသည် အရာဝတ္တုများပေါ်တွင် လုပ်ဆောင် နိုင်သော လုပ်ဆောင်ချက်များဖြစ်သည်။

အရာဝတ္ထုဂုဏ်သတ္တိများသည် မူလတန်ဖိုးများ၊ အခြားအရာဝတ္ထုများနှင့် လုပ်ဆောင်ချက်များ နှစ်မျိုးလုံး ဖြစ်နိုင်သည်။

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

ပစ္စည်းဥစ္စာ	တန်ဖိုး
နာမည်	ယော
မျိုးနွယ်အမည်	ဒိုး
အသက်	၅၀
မျက်လုံးအရောင်	အပြာ
နာမည်အပြည့်အစုံ	function() {return this.firstName + " " + this.lastName;}

JavaScript အရာဝတ္ထုများသည် ဂုဏ်သတ္တိများနှင့် နည်းလမ်းများဟုခေါ်သော အမည်တန်ဖိုးများအတွက် ကွန်တိန်နာများဖြစ်သည်။

နောက်အခန်းများတွင် နည်းလမ်းများအကြောင်း ပိုမိုလေ့လာနိုင်ပါမည်။

JavaScript Object ဖန်တီးခြင်း။

JavaScript ဖြင့်၊ သင်သည် သင်၏ကိုယ်ပိုင်အရာဝတ္ထုများကို သတ်မှတ်ဖန်တီးနိုင်သည်။

အရာဝတ္ထုအသစ်များကို ဖန်တီးရန် မတူညီသောနည်းလမ်းများ ရှိပါသည်။

ပကတိအရာဝတ္ထုကို အသုံးပြု၍ တစ်ခုတည်းသောအရာကို ဖန်တီးပါ။
သော့ချက်စာလုံးဖြင့် အရာဝတ္ထုတစ်ခု ဖန်တီးပါ new။
object constructor ကို သတ်မှတ်ပြီး constructed type ၏ objects ကို ဖန်တီးပါ။
အသုံးပြု၍ အရာဝတ္ထုတစ်ခုကို ဖန်တီးပါ Object.create()။

Object Literal ကိုအသုံးပြုခြင်း။

ဤသည်မှာ JavaScript Object ကိုဖန်တီးရန် အလွယ်ကူဆုံးနည်းလမ်းဖြစ်သည်။

အရာဝတ္ထုတစ်ခုအား ပကတိအတိုင်းအသုံးပြုခြင်းဖြင့်၊ သင်သည် ကြေငြာချက်တစ်ခုတွင် အရာဝတ္တုတစ်ခုကို သတ်မှတ်ပြီး ဖန်တီးပါ။

အရာဝတ္ထုတစ်ခုသည် အကောက်ကောက်ကောက်ကောက်များ {} အတွင်းရှိ အမည်-တန်ဖိုးအတွဲများ (အသက်-၅၀ ကဲ့သို့) စာရင်းတစ်ခုဖြစ်သည်။

အောက်ပါဥပမာသည် ဂုဏ်သတ္တိလေးခုပါသော JavaScript အရာဝတ္ထုအသစ်ကို ဖန်တီးသည်-

ဥပမာ

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

နေရာလွတ်များနှင့် လိုင်းခွဲခြင်းများသည် အရေးမကြီးပါ။ အရာဝတ္ထုတစ်ခု၏ အဓိပ္ပါယ်ဖွင့်ဆိုချက်သည် စာကြောင်းများစွာကို ချဲ့ထွင်နိုင်သည်-

ဥပမာ

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

ဤဥပမာသည် ဗလာ JavaScript အရာဝတ္ထုတစ်ခုကို ဖန်တီးပြီး ဂုဏ်သတ္တိ 4 ခုကို ပေါင်းထည့်သည်-

ဥပမာ

const person = {};
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

JavaScript Keyword အသစ်ကို အသုံးပြုခြင်း။

အောက်ဖော်ပြပါ ဥပမာသည် JavaScript object အသစ်တစ်ခုကို ဖန်တီးပြီး new Object()ဂုဏ်သတ္တိ 4 ခုကို ပေါင်းထည့်သည်-

ဥပမာ

const person = new Object();
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

အထက်ဖော်ပြပါ ဥပမာများသည် အတူတူပင်ဖြစ်ပါသည်။

ဒါပေမယ့် သုံးစရာ မလိုပါဘူး new Object()။

ဖတ်ရှုနိုင်မှု၊ ရိုးရှင်းမှုနှင့် လုပ်ဆောင်မှုမြန်နှုန်းအတွက်၊ object literal method ကို အသုံးပြုပါ။