JavaScript JSON
JSON သည် ဒေတာသိမ်းဆည်းခြင်းနှင့် သယ်ယူပို့ဆောင်ခြင်းအတွက် ဖော်မတ်တစ်ခုဖြစ်သည်။
ဆာဗာတစ်ခုမှ ဝဘ်စာမျက်နှာသို့ ဒေတာပေးပို့သည့်အခါ JSON ကို မကြာခဏအသုံးပြုသည်။
JSON ဆိုတာဘာလဲ။
- JSON သည် J ava S cript O bject N ၏ အတိုကောက်ဖြစ်သည်။
- JSON သည် ပေါ့ပါးသောဒေတာဖလှယ်မှုဖော်မတ်တစ်ခုဖြစ်သည်။
- JSON သည် ဘာသာစကား သီးခြားဖြစ်သည် *
- JSON သည် "ကိုယ်တိုင်ဖော်ပြခြင်း" ဖြစ်ပြီး နားလည်ရလွယ်ကူသည်။
* JSON syntax သည် JavaScript object notation syntax မှ ဆင်းသက်လာသော်လည်း JSON ဖော်မတ်သည် စာသားသာဖြစ်သည်။ JSON ဒေတာကို ဖတ်ရန်နှင့် ထုတ်လုပ်ရန်အတွက် ကုဒ်ကို မည်သည့်ပရိုဂရမ်းမင်းဘာသာစကားဖြင့် ရေးသားနိုင်သည်။
JSON ဥပမာ
ဤ JSON syntax သည် ဝန်ထမ်းအရာဝတ္တုတစ်ခုကို သတ်မှတ်သည်- ဝန်ထမ်းမှတ်တမ်း (အရာဝတ္ထု 3 ခု) ၏ array တစ်ခု။
JSON ဥပမာ
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
JSON ဖော်မတ်သည် JavaScript Objects သို့ အကဲဖြတ်သည်။
JSON ဖော်မတ်သည် JavaScript အရာဝတ္ထုများကို ဖန်တီးရန်အတွက် ကုဒ်နှင့် အဓိပ္ပါယ်တူသည်။
ဤတူညီမှုကြောင့် JavaScript ပရိုဂရမ်သည် JSON ဒေတာကို မူရင်း JavaScript အရာဝတ္ထုများအဖြစ်သို့ အလွယ်တကူ ပြောင်းလဲနိုင်သည်။
JSON Syntax စည်းမျဉ်းများ
- ဒေတာသည် အမည်/တန်ဖိုးအတွဲများဖြစ်သည်။
- ဒေတာကို ကော်မာများဖြင့် ပိုင်းခြားထားသည်။
- အကောက်ကောက်များသည် အရာဝတ္ထုများကို ကိုင်ဆောင်ထားသည်။
- စတုရန်းကွင်းကွင်းများသည် ခင်းကျင်းမှုများကို ထိန်းထားသည်။
JSON Data - အမည်တစ်ခုနှင့် တန်ဖိုးတစ်ခု
JSON ဒေတာကို JavaScript အရာဝတ္ထုဂုဏ်သတ္တိများကဲ့သို့ အမည်/တန်ဖိုးအတွဲများအဖြစ် ရေးသားထားသည်။
အမည်/တန်ဖိုးအတွဲတွင် အကွက်အမည်တစ်ခု (ကိုးကားနှစ်ထပ်ဖြင့်)၊ နောက်တွင် ကော်လံတစ်ခု၊ နောက်တွင် တန်ဖိုးတစ်ခု ပါဝင်သည်။
"firstName":"John"
JSON အမည်များသည် ကိုးကားနှစ်ဆ လိုအပ်သည်။ JavaScript နာမည်တွေ မပါဘူး။
JSON အရာဝတ္ထုများ
JSON အရာဝတ္ထုများကို curly braces အတွင်းတွင် ရေးထားသည်။
JavaScript တွင်ကဲ့သို့ပင်၊ အရာဝတ္ထုများတွင် အမည်/တန်ဖိုးအတွဲများစွာ ပါဝင်နိုင်သည်-
{"firstName":"John", "lastName":"Doe"}
JSON Arrays
JSON အခင်းအကျင်းများကို စတုရန်းကွင်းများအတွင်းတွင် ရေးထားသည်။
JavaScript တွင်ကဲ့သို့ပင်၊ array တစ်ခုတွင် အရာဝတ္ထုများ ပါဝင်နိုင်သည်-
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
အထက်ဖော်ပြပါ ဥပမာတွင်၊ အရာဝတ္ထု "ဝန်ထမ်း" သည် ခင်းကျင်းမှုတစ်ခုဖြစ်သည်။ ၎င်းတွင် အရာဝတ္ထု သုံးခုပါရှိသည်။
အရာဝတ္ထုတစ်ခုစီသည် လူတစ်ဦး (ပထမအမည်နှင့် နောက်ဆုံးအမည်) ၏ မှတ်တမ်းတစ်ခုဖြစ်သည်။
JSON စာသားကို JavaScript Object သို့ပြောင်းခြင်း။
JSON ၏ ဘုံအသုံးပြုမှုမှာ ဝဘ်ဆာဗာတစ်ခုမှ ဒေတာကို ဖတ်ရန်နှင့် ဝဘ်စာမျက်နှာတစ်ခုတွင် ဒေတာကို ပြသရန်ဖြစ်သည်။
ရိုးရှင်းစေရန်၊ ထည့်သွင်းမှုအဖြစ် string ကို အသုံးပြု၍ ၎င်းကို သရုပ်ပြနိုင်သည်။
ပထမဦးစွာ JSON syntax ပါရှိသော JavaScript စာကြောင်းတစ်ခုကို ဖန်တီးပါ-
let text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
ထို့နောက်၊ JSON.parse()string ကို JavaScript အရာဝတ္ထုအဖြစ်သို့ပြောင်းလဲရန် JavaScript built-in လုပ်ဆောင်ချက်ကိုသုံးပါ။
const obj = JSON.parse(text);
နောက်ဆုံးတွင်၊ သင့်စာမျက်နှာရှိ JavaScript အရာဝတ္ထုအသစ်ကို အသုံးပြုပါ-
ဥပမာ
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
ကျွန်ုပ်တို့၏ JSON သင်ခန်းစာ တွင် JSON အကြောင်း ပိုမိုဖတ်ရှုနိုင်ပါသည် ။