जावास्क्रिप्ट प्रदर्शन वस्तुएं
जावास्क्रिप्ट वस्तुओं को कैसे प्रदर्शित करें?
जावास्क्रिप्ट ऑब्जेक्ट प्रदर्शित करने से [ऑब्जेक्ट ऑब्जेक्ट] आउटपुट होगा ।
उदाहरण
const person = {
name: "John",
age: 30,
city: "New York"
};
document.getElementById("demo").innerHTML = person;
JavaScript ऑब्जेक्ट प्रदर्शित करने के लिए कुछ सामान्य समाधान हैं:
- नाम से वस्तु गुण प्रदर्शित करना
- एक लूप में वस्तु गुण प्रदर्शित करना
- Object.values() का उपयोग करके वस्तु को प्रदर्शित करना
- JSON.stringify () का उपयोग करके ऑब्जेक्ट प्रदर्शित करना
वस्तु गुण प्रदर्शित करना
किसी वस्तु के गुणों को एक स्ट्रिंग के रूप में प्रदर्शित किया जा सकता है:
उदाहरण
const person = {
name: "John",
age: 30,
city: "New York"
};
document.getElementById("demo").innerHTML =
person.name + "," + person.age + "," + person.city;
ऑब्जेक्ट को लूप में प्रदर्शित करना
किसी वस्तु के गुणों को एक लूप में एकत्र किया जा सकता है:
उदाहरण
const person = {
name: "John",
age: 30,
city: "New York"
};
let txt = "";
for (let x in person) {
txt += person[x] + " ";
};
document.getElementById("demo").innerHTML = txt;
आपको लूप में व्यक्ति [x] का उपयोग करना चाहिए ।
व्यक्ति.एक्स काम नहीं करेगा (क्योंकि x एक चर है)।
Object.values का उपयोग करना ()
किसी भी JavaScript ऑब्जेक्ट का उपयोग करके एक सरणी में परिवर्तित किया जा सकता है Object.values()
:
const person = {
name: "John",
age: 30,
city: "New York"
};
const myArray = Object.values(person);
myArray
अब एक जावास्क्रिप्ट सरणी है, जो प्रदर्शित होने के लिए तैयार है:
उदाहरण
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 का उपयोग करना ()
जावास्क्रिप्ट फ़ंक्शन के साथ किसी भी जावास्क्रिप्ट ऑब्जेक्ट को स्ट्रिंग (एक स्ट्रिंग में परिवर्तित) किया जा सकता है
JSON.stringify()
:
const person = {
name: "John",
age: 30,
city: "New York"
};
let myString = JSON.stringify(person);
myString
अब एक जावास्क्रिप्ट स्ट्रिंग है, जो प्रदर्शित होने के लिए तैयार है:
उदाहरण
const person = {
name: "John",
age: 30,
city: "New York"
};
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
परिणाम JSON संकेतन के बाद एक स्ट्रिंग होगी:
{"नाम": "जॉन", "उम्र": 50, "शहर": "न्यूयॉर्क"}
JSON.stringify()
जावास्क्रिप्ट में शामिल है और सभी प्रमुख ब्राउज़रों में समर्थित है।
कड़ी तिथियां
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;
इसे "तय" किया जा सकता है यदि आप स्ट्रिंग करने से पहले फ़ंक्शंस को स्ट्रिंग्स में परिवर्तित करते हैं।
उदाहरण
const person = {
name: "John",
age: function () {return 30;}
};
person.age = person.age.toString();
let myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
स्ट्रिंग सरणी
जावास्क्रिप्ट सरणियों को कड़ा करना भी संभव है:
उदाहरण
const arr = ["John", "Peter", "Sally", "Jane"];
let myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;
परिणाम JSON संकेतन के बाद एक स्ट्रिंग होगी:
["जॉन", "पीटर", "सैली", "जेन"]