जावास्क्रिप्ट ऑब्जेक्ट डिस्प्ले

कैसे जावास्क्रिप्ट ऑब्जेक्ट को दिखाया जाए?

जावास्क्रिप्ट ऑब्जेक्ट को दिखाने के लिए आउटपुट जारी करें [object Object]。

इंस्टांस

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

स्वयं का प्रयोग करें

जेसकॉप ऑब्जैक्ट को प्रदर्शित करने के लिए कुछ सामान्य समाधान हैं:

  • नाम के अनुसार ऑब्जैक्ट की अटिव्स को प्रदर्शित करें
  • लूप के द्वारा ऑब्जैक्ट की अटिव्स को प्रदर्शित करें
  • ऑब्जैक्ट को 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()कोई भी जेसकॉप ऑब्जैक्ट को एरेा में बदला जा सकता है:

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

myArray अब यह जेसकॉप एरेा रखता है, प्रदर्शित किया जा सकता है:

इंस्टांस

const person = {
  name: "Bill",
  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: "Bill",
  age: 19,,
  city: "Seattle"
};
let myString = JSON.stringify(person);

myString अब यह जेसकॉप स्ट्रिंग है, प्रदर्शित किया जा सकता है:

इंस्टांस

const person = {
  name: "Bill",
  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: "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;

स्वयं का प्रयोग करें

आयत्ताग्रह शब्दबंध

इसके अतिरिक्त जावास्क्रिप्ट आयत्ताग्रह को शब्दबंध बनाया जा सकता है:

इंस्टांस

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

स्वयं का प्रयोग करें

परिणाम एक जेएसओन टैग मार्किंग के अनुसार की गई गई शब्दबंध होगा:

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