ဝဘ်ဖွံ့ဖြိုးတိုးတက်မှု

လမ်းပြမြေပုံဆိုတာဘာလဲ HTTP ဆိုတာဘာလဲ HTML ဆိုတာဘာလဲ CSS ဆိုတာဘာလဲ Responsive ဆိုတာဘာလဲ JavaScript ဆိုတာဘာလဲ ES5 ဆိုတာဘာလဲ HTML DOM ဆိုတာဘာလဲ Google Maps ဆိုတာဘာလဲ Google Fonts ဆိုတာဘာလဲ Google Charts ဆိုတာဘာလဲ XML ဆိုတာဘာလဲ AJAX ဆိုတာဘာလဲ JSON ဆိုတာဘာလဲ CSS Icons ဆိုတာဘာလဲ Bootstrap ဆိုတာဘာလဲ W3.CSS ဆိုတာဘာလဲ CLI ဆိုတာဘာလဲ npm ဆိုတာဘာလဲ GitHub ဆိုတာဘာလဲ jQuery ဆိုတာဘာလဲ AngularJS ဆိုတာဘာလဲ React ဆိုတာဘာလဲ Vue.js ဆိုတာဘာလဲ W3.JS ဆိုတာဘာလဲ Front-End Dev ဆိုတာဘာလဲ။ Fullstack ဆိုတာဘာလဲ Fullstack JS ဆိုတာဘာလဲ SQL ဆိုတာဘာလဲ

Amazon AWS

AWS EC2 ဆိုတာဘာလဲ AWS RDS ဆိုတာဘာလဲ AWS Cloudfront ဆိုတာဘာလဲ AWS SNS ဆိုတာဘာလဲ Elastic Beanstalk ဆိုတာဘာလဲ AWS Auto Scaling ဆိုတာဘာလဲ AWS IAM ဆိုတာဘာလဲ AWS Aurora ဆိုတာဘာလဲ AWS DynamoDB ဆိုတာဘာလဲ AWS Personalize ဆိုတာဘာလဲ AWS Rekognition ဆိုတာဘာလဲ AWS Quicksight ဆိုတာဘာလဲ AWS Polly ဆိုတာဘာလဲ AWS Pinpoint ဆိုတာဘာလဲ

JSON ဆိုတာဘာလဲ။


HTML
JSON

JSON သည် J ava S cript O bject N ၏ အတိုကောက်ဖြစ်သည်။

JSON သည် ဒေတာသိမ်းဆည်းခြင်းနှင့် သယ်ယူပို့ဆောင်ခြင်းအတွက် ပေါ့ပါးသောပုံစံတစ်ခုဖြစ်သည်။

ဆာဗာတစ်ခုမှ ဝဘ်စာမျက်နှာသို့ ဒေတာပေးပို့သည့်အခါ JSON ကို မကြာခဏအသုံးပြုသည်။

JSON သည် "ကိုယ်တိုင်ဖော်ပြခြင်း" ဖြစ်ပြီး နားလည်ရလွယ်ကူသည်။


JSON ဥပမာ

ဤဥပမာသည် ဝန်ထမ်းများ၏အရာဝတ္တုတစ်ခုကို သတ်မှတ်ဖော်ပြသည်- ဝန်ထမ်းမှတ်တမ်း (အရာဝတ္ထု 3 ခု) ၏ array တစ်ခု။

{
"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]
}

JSON ကို အခုပဲ လေ့လာပါ။


JSON Syntax စည်းမျဉ်းများ

  • ဒေတာသည် အမည်/တန်ဖိုးအတွဲများဖြစ်သည်။
  • ဒေတာကို ကော်မာများဖြင့် ပိုင်းခြားထားသည်။
  • အကောက်ကောက်များသည် အရာဝတ္ထုများကို ကိုင်ဆောင်ထားသည်။
  • စတုရန်းကွင်းကွင်းများသည် ခင်းကျင်းမှုများကို ထိန်းထားသည်။

JavaScript Object Notation

JSON ဖော်မတ်သည် JavaScript အရာဝတ္ထုများကို ဖန်တီးရန်အတွက် ကုဒ်နှင့် အဓိပ္ပါယ်တူသည်။

ဤတူညီမှုကြောင့် JavaScript ပရိုဂရမ်သည် JSON ဒေတာကို မူရင်း JavaScript အရာဝတ္ထုများအဖြစ်သို့ အလွယ်တကူ ပြောင်းလဲနိုင်သည်။

JSON syntax သည် JavaScript object notation syntax မှ ဆင်းသက်လာသော်လည်း JSON ဖော်မတ်သည် စာသားသာဖြစ်သည်။ JSON ဒေတာကို ဖတ်ရန်နှင့် ထုတ်လုပ်ရန်အတွက် ကုဒ်ကို မည်သည့်ပရိုဂရမ်းမင်းဘာသာစကားဖြင့် ရေးသားနိုင်သည်။



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 စာကြောင်းတစ်ခုကို ဖန်တီးပါ-

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

ထို့နောက်၊ string ကို JavaScript အရာဝတ္ထုအဖြစ်သို့ပြောင်းလဲရန် JavaScript ပါ၀င်သောလုပ်ဆောင်ချက် JSON.parse() ကိုသုံးပါ-

var 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 ၏ အတိုကောက်ဖော်ပြချက်ဖြစ်ပါသည်။

JSON သင်ခန်းစာအပြည့်အစုံအတွက် W3Schools JSON Tutorial သို့သွားပါ