Muundo wa Object cha JavaScript

Je, hapa ni kuwakilisha kiumbaji wa JavaScript?

Inaonyesha JavaScript kiumbaji kimeza kuweza kuwakilisha kwa matukio [object Object].

Mifano

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
document.getElementById("demo").innerHTML = person;

Jifunze tena

Mashirika ya kumaliza muundo wa JavaScript yanaonekana kama ni:

  • Kuonekana malo ya muundo kwa jina
  • Kuonekana malo ya muundo katika kikundu
  • Kuonekana muundo kwa kutumia Object.values()
  • Kuonekana muundo kwa kutumia JSON.stringify()

Kuonekana malo ya muundo

Malo ya muundo yanaweza kuonekwa kama maandiko:

Mifano

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;

Jifunze tena

Kuonekana malo ya muundo katika kikundu

Inaweza kumpata malo ya muundo katika kikundu:

Mifano

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
let txt = "";
for (let x in person) {
txt += person[x] + " ";
};
document.getElementById("demo").innerHTML = txt;

Jifunze tena

Wajibu wako ni kuongeza person[x] katika kikundu.

person.x hakina faa (kwa sababu x ni muundo wa jina).

Kutumia Object.values()

Kutumia Object.values()Kila muundo wa JavaScript kinaweza kuandikwa kama orodha:

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
const myArray = Object.values(person);

myArray Hii ni msingi wa JavaScript kwa sasa, inaweza kuonekwa:

Mifano

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
const myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;

Jifunze tena

Kuanzia 2016, kila tarakilishi muhimu inafaa. Object.values().

Chrome IE Firefox Safari Opera
54 (2016) 14 (2016) 47 (2016) 10 (2016) 41 (2016)

Kutumia JSON.stringify()

Kila muundo wa JavaScript kinaweza kutumika kwa mbinu wa JavaScript JSON.stringify() Tumia kuandaa (kubadilisha katika maandiko wa kawaida):

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
let myString = JSON.stringify(person);

myString Hii ni maandiko wa JavaScript kwa sasa, inaweza kuonekwa:

Mifano

const person = {
  name: "Bill",
  age: 19,
  city: "Seattle"
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

Jifunze tena

Matokeo yatakuwa ni string iliyofuata taarifa ya JSON:

{"name":"Bill","age":19,"city":"Seattle"}

JSON.stringify() Inapatikana katika JavaScript, kila tarakilishi muhimu kinaaminika inafaa.

Kuandaa tarehe kwa maandiko

JSON.stringify Kuwa na kuandaa tarehe kwa maandiko wa kawaida:

Mifano

const person = {
  name: "Bill",
  today: new Date()
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

Jifunze tena

Kufikia kwa kifaa cha maelezo

JSON.stringify Haitafikia kwa kufikia kwa kifaa kwa maelezo:

Mifano

const person = {
  name: "Bill",
  age: function () {return 19;}
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

Jifunze tena

Kama inafikia kufikia kwa kifaa kabla ya kuwa string, hii inaweza kuwa "kabla ya kufikia kwa kifaa".

Mifano

const person = {
  name: "Bill",
  age: function () {return 19;}
};
person.age = person.age.toString();
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;

Jifunze tena

Kufikia kwa kifaa cha mawili

Inaweza pia kuwafikia string kutoka kwa kufikia kwa kifaa cha JavaScript:

Mifano

const arr = ["Bill", "Steve", "Elon", "David"];
let myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;

Jifunze tena

Matokeo yatakuwa ni string iliyofuata taarifa ya JSON:

["Bill","Steve","Elon","David"]