JavaScript ကို ပြသသည့် အရာများ
JavaScript Object တွေကို ဘယ်လိုပြသမလဲ။
JavaScript object ကိုပြသခြင်းသည် [object Object] ကို ထုတ်ပေးလိမ့်မည် ။
ဥပမာ
const person = {
name: "John",
age: 30,
city: "New York"
};
document.getElementById("demo").innerHTML = person;
JavaScript အရာဝတ္ထုများကိုပြသရန် ဘုံဖြေရှင်းချက်အချို့မှာ-
- Object Properties ကို အမည်ဖြင့် ပြသခြင်း။
- Object Properties ကို Loop တွင်ပြသခြင်း။
- Object.values() ကို အသုံးပြု၍ အရာဝတ္တုအား ပြသခြင်း
- JSON.stringify() ကို အသုံးပြု၍ အရာဝတ္တုအား ပြသခြင်း
Object Properties ကိုပြသခြင်း။
အရာဝတ္ထုတစ်ခု၏ ဂုဏ်သတ္တိများကို စာကြောင်းတစ်ခုအဖြစ် ပြသနိုင်သည်-
ဥပမာ
const person = {
name: "John",
age: 30,
city: "New York"
};
document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;
Object ကို Loop တွင်ပြသခြင်း။
အရာဝတ္ထုတစ်ခု၏ ဂုဏ်သတ္တိများကို အကွက်တစ်ခုတွင် စုဆောင်းနိုင်သည်-
ဥပမာ
const person = {
name: "John",
age: 30,
city: "New York"
};
let txt = "";
for (let x in person) {
txt += person[x] + " ";
};
document.getElementById("demo").innerHTML = txt;
ကွင်းဆက်တွင် person[x] ကို အသုံးပြုရပါမည် ။
person.x အလုပ်မလုပ်ပါ ( x သည် variable ဖြစ်သောကြောင့်)။
Object.values() ကိုအသုံးပြုခြင်း
မည်သည့် JavaScript အရာဝတ္ထုကိုမဆို array တစ်ခုအဖြစ်သို့ ပြောင်းလဲနိုင်သည် Object.values()
-
const person = {
name: "John",
age: 30,
city: "New York"
};
const myArray = Object.values(person);
myArray
ယခုအခါတွင် JavaScript array တစ်ခုဖြစ်ပြီး၊ ပြသရန် အသင့်ဖြစ်နေပါပြီ-
ဥပမာ
const person = {
name: "John",
age: 30,
city: "New York"
};
const myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;
Object.values()
2016 ခုနှစ်ကတည်းက အဓိက ဘရောက်ဆာအားလုံးတွင် ပံ့ပိုးထားသည်။
54 (2016) | 14 (2016) | 47 (2016) | 10 (2016) | 41 (2016) |
JSON.stringify() ကိုအသုံးပြုခြင်း
မည်သည့် JavaScript အရာဝတ္ထုကိုမဆို JavaScript လုပ်ဆောင်ချက်ဖြင့် stringed (စာကြောင်းအဖြစ်သို့ပြောင်းလဲနိုင်သည်
JSON.stringify()
)
const person = {
name: "John",
age: 30,
city: "New York"
};
let myString = JSON.stringify(person);
myString
ယခုပြရန် အဆင်သင့်ဖြစ်ပြီ JavaScript string တစ်ခုဖြစ်သည်-
ဥပမာ
const person = {
name: "John",
age: 30,
city: "New York"
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
ရလဒ်သည် JSON သင်္ကေတအောက်ပါ စာကြောင်းတစ်ကြောင်း ဖြစ်လိမ့်မည်-
{"name":"John","age":50,city":"နယူးယောက်"}
JSON.stringify()
JavaScript တွင်ပါဝင်ပြီး အဓိကဘရောက်ဆာအားလုံးတွင် ပံ့ပိုးထားသည်။
ရက်စွဲများကို ခိုင်မာစေပါ။
JSON.stringify
ရက်စွဲများကို စာကြောင်းများအဖြစ် ပြောင်းလဲသည်-
ဥပမာ
const person = {
name: "John",
today: new Date()
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
လုပ်ဆောင်ချက်များကို ခိုင်မာစေခြင်း။
JSON.stringify
လုပ်ဆောင်ချက်များကို တင်းကျပ်မည်မဟုတ်ပါ။
ဥပမာ
const person = {
name: "John",
age: function () {return 30;}
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
သင်သည် လုပ်ဆောင်ချက်များကို string မသတ်မှတ်မီ string အဖြစ်သို့ ပြောင်းလဲပါက ၎င်းကို "ပြင်ဆင်နိုင်သည်" ဖြစ်သည်။
ဥပမာ
const person = {
name: "John",
age: function () {return 30;}
};
person.age = person.age.toString();
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
Array များကို Stringify လုပ်ပါ။
JavaScript array များကို stringify လုပ်နိုင်သည်။
ဥပမာ
const arr = ["John", "Peter", "Sally", "Jane"];
let myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;
ရလဒ်သည် JSON သင်္ကေတအောက်ပါ စာကြောင်းတစ်ကြောင်း ဖြစ်လိမ့်မည်-
["John","Peter","Sally","Jane"]