జావాస్క్రిప్ట్ ఆబ్జెక్ట్ వ్యవహారం

జావాస్క్రిప్ట్ ఆబ్జెక్ట్ చూపించాలి ఎలా?

జావాస్క్రిప్ట్ ఆబ్జెక్ట్ చూపించడానికి అవసరం [object Object].

ఇన్స్టాన్స్

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

మీరే ప్రయత్నించండి

జావాస్క్రిప్ట్ ఆబ్జెక్ట్ చూపించడానికి కొన్ని సాధారణ పరిష్కారాలు ఉన్నాయి:

  • ఆబ్జెక్ట్ యాత్రాంశాలను పేరు ప్రకారం చూపించండి
  • చుట్టుపట్టు లో ఆబ్జెక్ట్ యాత్రాంశాలను చూపించండి
  • ఉపయోగించండి Object.values() ఆబ్జెక్ట్ చూపించడానికి
  • ఉపయోగించండి JSON.stringify() ఆబ్జెక్ట్ చూపించడానికి

ఆబ్జెక్ట్ యాత్రాంశాలను చూపించండి

ఆబ్జెక్ట్ యాత్రాంశాలను స్ట్రింగ్ లో చూపించవచ్చు:

ఇన్స్టాన్స్

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

మీరే ప్రయత్నించండి

చుట్టుపట్టు లో ఆబ్జెక్ట్ చూపించండి

చుట్టుపట్టు లో ఆబ్జెక్ట్ యాత్రాంశాలను సేకరించవచ్చు:

ఇన్స్టాన్స్

const person = {
  name: "బిల్",
  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()ఏ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ కూడా అరేయాలో మార్చబడవచ్చు:

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

myArray ఇప్పుడు జావాస్క్రిప్ట్ అరేయా గా ఉంది, చూపించవచ్చు:

ఇన్స్టాన్స్

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

మీరే ప్రయత్నించండి

2016 నుండి, అన్ని ప్రధాన బ్రౌజర్లు మద్దతు ఇస్తాయి Object.values().

చ్రోమ్ ఐఈ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
54 (2016) 14 (2016) 47 (2016) 10 (2016) 41 (2016)

ఉపయోగించండి JSON.stringify()

ఏ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ కూడా జావాస్క్రిప్ట్ ఫంక్షన్ ఉపయోగించవచ్చు JSON.stringify() స్ట్రింగ్ లైజన్ చేయండి (స్ట్రింగ్ లో మార్చండి):

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

myString ఇప్పుడు జావాస్క్రిప్ట్ స్ట్రింగ్ గా ఉంది, చూపించవచ్చు:

ఇన్స్టాన్స్

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

మీరే ప్రయత్నించండి

ఫలితం జెఐఎస్ మేకప్ నిబంధనలను పాటించే స్ట్రింగ్ అవుతుంది:

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

JSON.stringify() జావాస్క్రిప్ట్ లో ఉంది, అన్ని ప్రధాన బ్రౌజర్లు మద్దతు ఇస్తాయి.

తేదీ స్ట్రింగ్ లైజన్

JSON.stringify తేదీను స్ట్రింగ్ లో మార్చండి:

ఇన్స్టాన్స్

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

మీరే ప్రయత్నించండి

函数字符串化

JSON.stringify ఫంక్షన్స్ ను స్ట్రింగ్ ఫార్మాట్లు చేయబడదు:

ఇన్స్టాన్స్

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

మీరే ప్రయత్నించండి

ఫంక్షన్స్ ను స్ట్రింగ్ ఫార్మాట్లు చేసిన ముందు ఇది "స్థిరం" అవుతుంది.

ఇన్స్టాన్స్

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

మీరే ప్రయత్నించండి

అరేయ్ స్ట్రింగ్ ఫార్మాటింగ్

జావాస్క్రిప్ట్ అరేయ్జ్ కూడా స్ట్రింగ్ ఫార్మాట్లు చేయవచ్చు:

ఇన్స్టాన్స్

const arr = ["బిల్", "స్టీవ్", "ఎలాన్", "డేవిడ్"];
let myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;

మీరే ప్రయత్నించండి

ఫలితం జెఐఎస్ మేకప్ నిబంధనలను పాటించే స్ట్రింగ్ అవుతుంది:

["బిల్","స్టీవ్","ఎలాన్","డేవిడ్"]