JavaScript display object
- ຫນ້າຫນັງຫນັງ JS ກົນວຽກໂອບີເຈັນ
- ຫນ້າຫນັງ JS ຜູ້ໃຫ້ຫາໂອບີເຈັນ
ບວກວ່າຈະສະແດງ JavaScript Object?
ສະແດງຂອງ JavaScript Object ຈະອອກສຽງ [object Object]。
ຄວາມນັບບັນປະດາ
const person = {
name: "Bill",
age: 19,
city: "Seattle"
};
document.getElementById("demo").innerHTML = person;
ການສະແດງວັດຖຸ JavaScript ທີ່ມັກຖືກໃຊ້ຫຼາຍແມ່ນ:
- ສະແດງວັດຖຸອັນສັດຜ່ານຊື່
- ສະແດງວັດຖຸອັນສັດຜ່ານການລະລາຍ
- ສະແດງວັດຖຸອັນສັດຜ່ານ Object.values()
- ສະແດງວັດຖຸອັນສັດຜ່ານ JSON.stringify()
ສະແດງວັດຖຸອັນສັດ
ວັດຖຸຂອງອັນສັດສາມາດສະແດງເປັນສາຍຄວາມ:
ຄວາມນັບບັນປະດາ
const person = {
name: "Bill",
age: 19,
city: "Seattle"
};
document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;
ສະແດງວັດຖຸໃນການລະລາຍ
ສາມາດກວມວັດຖຸຂອງອັນສັດໃນການລະລາຍ:
ຄວາມນັບບັນປະດາ
const person = {
name: "Bill",
age: 19,
city: "Seattle"
};
let txt = "";
for (let x in person) {
txt += person[x] + " ";
};
document.getElementById("demo").innerHTML = txt;
ທ່ານຕ້ອງໃຊ້ person[x] ໃນການລະລາຍ
person.x ຈະບໍ່ມີຜົນ (ຍ້ອນ x ເປັນພະຍານ)
ໃຊ້ Object.values()
ຜ່ານການໃຊ້ Object.values()،ທຸກອັນສັດ JavaScript ທີ່ສາມາດແປງເປັນອາກາດ:
const person = {
name: "Bill",
age: 19,
city: "Seattle"
};
const myArray = Object.values(person);
myArray ປັດຈຸບັນເປັນອາກາດ JavaScript ທີ່ສາມາດສະແດງໄດ້:
ຄວາມນັບບັນປະດາ
const person = {
name: "Bill",
age: 19,
city: "Seattle"
};
const myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;
ຕັ້ງແຕ່ປີ 2016 ທຸກຄົນໃຊ້ບຸກຄົນຫຼາຍທົ່ວໄລຍະນີ້ກະຈາຍການສະໜັບສະໜູນ Object.values()。
| Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|
| 54 (2016) | 14 (2016) | 47 (2016) | 10 (2016) | 41 (2016) |
ໃຊ້ JSON.stringify()
ທຸກອັນສັດ JavaScript ທີ່ສາມາດໃຊ້ການວິທະຍານ JavaScript JSON.stringify() ການປ່ຽນເປັນສາຍຄວາມ (ປ່ຽນເປັນຄວາມ):
const person = {
name: "Bill",
age: 19,
city: "Seattle"
};
let myString = JSON.stringify(person);
myString ປັດຈຸບັນເປັນສາຍຄວາມ JavaScript ທີ່ສາມາດສະແດງໄດ້:
ຄວາມນັບບັນປະດາ
const person = {
name: "Bill",
age: 19,
city: "Seattle"
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
ຜົນຈະເປັນສາຍຈິງທີ່ປະຕິບັດຕາມສັນຍາ JSON:
{"name":"Bill","age":19,"city":"Seattle"}
JSON.stringify() ມີໃນ JavaScript，ທຸກຄົນໃຊ້ບຸກຄົນຫຼາຍທົ່ວໄລຍະນີ້ກະຈາຍການສະໜັບສະໜູນ
ການປ່ຽນວັນເປັນສາຍຄວາມ
JSON.stringify ການແປງວັນທີ່ເປັນສາຍຄວາມ
ຄວາມນັບບັນປະດາ
const person = {
name: "Bill",
today: new Date()
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
ການຈັດສັນຍາກົນວຽກ
JSON.stringify ບໍ່ຈະຈັດສັນຍາກົນວຽກ:
ຄວາມນັບບັນປະດາ
const person = {
name: "Bill",
age: function () {return 19;}
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
ຖ້າທີ່ທ່ານໄດ້ແປງພວກມັນເປັນສາຍຈິງກ່ອນທີ່ຈະຈັດສັນຍາ, ສາມາດຈະ "ການຕິດຕັ້ງ".
ຄວາມນັບບັນປະດາ
const person = {
name: "Bill",
age: function () {return 19;}
};
person.age = person.age.toString();
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
ການຈັດສັນຍາຈັດສັນຍາ
ກໍ່ສາມາດທີ່ຈະການສະແດງ JavaScript ຈັດສັນຍາ:
ຄວາມນັບບັນປະດາ
const arr = ["Bill", "Steve", "Elon", "David"];
let myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;
ຜົນຈະເປັນສາຍຈິງທີ່ປະຕິບັດຕາມສັນຍາ JSON:
["Bill","Steve","Elon","David"]
- ຫນ້າຫນັງຫນັງ JS ກົນວຽກໂອບີເຈັນ
- ຫນ້າຫນັງ JS ຜູ້ໃຫ້ຫາໂອບີເຈັນ
