जेएस ट्यूटोरियल

जेएस होम जे एस परिचय जे एस कहाँ करने के लिए जेएस आउटपुट जेएस स्टेटमेंट्स जेएस सिंटेक्स जे एस टिप्पणियाँ जेएस चर जे एस लेट जेएस कॉन्स्ट जेएस ऑपरेटर्स जे एस अंकगणित जेएस असाइनमेंट जेएस डेटा प्रकार जे एस कार्य जेएस ऑब्जेक्ट्स जेएस इवेंट्स जे एस स्ट्रिंग्स जे एस स्ट्रिंग तरीके जे एस स्ट्रिंग खोज जे एस स्ट्रिंग टेम्पलेट्स जेएस नंबर जेएस संख्या के तरीके जे एस सरणी जेएस सरणी के तरीके जेएस ऐरे सॉर्ट जेएस सरणी पुनरावृत्ति जेएस ऐरे कॉन्स्ट जे एस तिथियाँ जेएस तिथि प्रारूप जेएस तिथि प्राप्त करने के तरीके JS दिनांक सेट विधियाँ जे एस मठ जे एस रैंडम जे एस बूलियन्स जेएस तुलना जे एस शर्तें जे एस स्विच जेएस लूप फॉर In . के लिए JS लूप ओएफ के लिए जेएस लूप जेएस लूप जबकि जेएस ब्रेक जेएस Iterables जेएस सेट जेएस मैप्स जेएस टाइपोफ जे एस प्रकार रूपांतरण जेएस बिटवाइज जेएस रेगएक्सपी जे एस त्रुटियाँ जेएस स्कोप जे एस उत्थापन जेएस सख्त मोड जेएस यह कीवर्ड जेएस एरो फंक्शन जेएस क्लासेस जेएस JSON जेएस डिबगिंग जेएस स्टाइल गाइड जेएस सर्वोत्तम अभ्यास जेएस गलतियाँ जेएस प्रदर्शन जेएस आरक्षित शब्द

जेएस संस्करण

जेएस संस्करण जेएस 2009 (ES5) जेएस 2015 (ईएस6) जेएस 2016 जेएस 2017 जेएस 2018 जेएस आईई / एज जेएस इतिहास

जेएस ऑब्जेक्ट्स

वस्तु परिभाषाएँ वस्तु गुण वस्तु के तरीके वस्तु प्रदर्शन ऑब्जेक्ट एक्सेसर्स वस्तु निर्माता वस्तु प्रोटोटाइप वस्तु पुनरावर्तनीय वस्तु समूह वस्तु मानचित्र वस्तु संदर्भ

जे एस कार्य

फ़ंक्शन परिभाषाएँ फंक्शन पैरामीटर्स समारोह आमंत्रण फंक्शन कॉल समारोह लागू करें फंक्शन क्लोजर

जेएस क्लासेस

कक्षा परिचय वर्ग वंशानुक्रम क्लास स्टेटिक

जे एस एसिंक

जेएस कॉलबैक जे एस अतुल्यकालिक जे एस वादा जे एस एसिंक/प्रतीक्षा

जेएस एचटीएमएल डोम

डोम परिचय डोम तरीके डोम दस्तावेज़ डोम तत्व डोम एचटीएमएल डोम फॉर्म डोम सीएसएस डोम एनिमेशन डोम घटनाक्रम डोम इवेंट श्रोता डोम नेविगेशन डोम नोड्स डोम संग्रह डोम नोड सूचियाँ

जेएस ब्राउज़र बीओएम

जेएस विंडो जेएस स्क्रीन जेएस स्थान जेएस इतिहास जेएस नेविगेटर जेएस पॉपअप अलर्ट जेएस टाइमिंग जे एस कुकीज़

जेएस वेब एपीआई

वेब एपीआई परिचय वेब फॉर्म एपीआई वेब इतिहास एपीआई वेब संग्रहण API वेब वर्कर एपीआई वेब फ़ेच एपीआई वेब जियोलोकेशन एपीआई

जे एस अजाक्स

AJAX परिचय अजाक्स एक्सएमएलएचटीपी अजाक्स अनुरोध अजाक्स प्रतिक्रिया अजाक्स एक्सएमएल फ़ाइल अजाक्स पीएचपी अजाक्स एएसपी AJAX डेटाबेस अजाक्स अनुप्रयोग अजाक्स उदाहरण

जेएस JSON

JSON परिचय JSON सिंटैक्स जेएसओएन बनाम एक्सएमएल JSON डेटा प्रकार JSON पार्स JSON स्ट्रिंगिफ़ाई JSON ऑब्जेक्ट्स JSON सरणियाँ JSON सर्वर जेएसओएन पीएचपी जेएसओएन एचटीएमएल जेएसओएन जेएसओएनपी

जेएस बनाम jQuery

jQuery चयनकर्ता jQuery एचटीएमएल jQuery सीएसएस jQuery डोम

जेएस ग्राफिक्स

जेएस ग्राफिक्स जेएस कैनवास जे एस प्लॉटली जेएस चार्ट.जेएस जेएस गूगल चार्ट जेएस डी3.जेएस

जेएस उदाहरण

जेएस उदाहरण जेएस एचटीएमएल डोम जेएस एचटीएमएल इनपुट जेएस एचटीएमएल ऑब्जेक्ट्स जेएस एचटीएमएल इवेंट्स जेएस ब्राउज़र जे एस संपादक जे एस व्यायाम जे एस प्रश्नोत्तरी जेएस प्रमाणपत्र

जे एस संदर्भ

जावास्क्रिप्ट ऑब्जेक्ट्स एचटीएमएल डोम ऑब्जेक्ट्स


JSON .stringify ()


JSON का एक सामान्य उपयोग किसी वेब सर्वर से/से डेटा का आदान-प्रदान करना है।

वेब सर्वर पर डेटा भेजते समय, डेटा को एक स्ट्रिंग होना चाहिए।

जावास्क्रिप्ट ऑब्जेक्ट को स्ट्रिंग में कनवर्ट करें JSON.stringify().


जावास्क्रिप्ट ऑब्जेक्ट को स्ट्रिंग करें

कल्पना कीजिए कि हमारे पास जावास्क्रिप्ट में यह वस्तु है:

const obj = {name: "John", age: 30, city: "New York"};

JSON.stringify()इसे एक स्ट्रिंग में बदलने के लिए जावास्क्रिप्ट फ़ंक्शन का उपयोग करें ।

const myJSON = JSON.stringify(obj);

परिणाम JSON संकेतन के बाद एक स्ट्रिंग होगा।

myJSONअब एक स्ट्रिंग है, और सर्वर पर भेजने के लिए तैयार है:

उदाहरण

const obj = {name: "John", age: 30, city: "New York"};
const myJSON = JSON.stringify(obj);

आप अगले अध्यायों में जानेंगे कि JSON को सर्वर पर कैसे भेजा जाता है।


एक जावास्क्रिप्ट ऐरे को स्ट्रिंग करें

जावास्क्रिप्ट सरणियों को कड़ा करना भी संभव है:

कल्पना कीजिए कि हमारे पास जावास्क्रिप्ट में यह सरणी है:

const arr = ["John", "Peter", "Sally", "Jane"];

JSON.stringify()इसे एक स्ट्रिंग में बदलने के लिए जावास्क्रिप्ट फ़ंक्शन का उपयोग करें ।

const myJSON = JSON.stringify(arr);

परिणाम JSON संकेतन के बाद एक स्ट्रिंग होगा।

myJSONअब एक स्ट्रिंग है, और सर्वर पर भेजने के लिए तैयार है:

उदाहरण

const arr = ["John", "Peter", "Sally", "Jane"];
const myJSON = JSON.stringify(arr);

आप अगले अध्यायों में सीखेंगे कि सर्वर पर JSON स्ट्रिंग कैसे भेजें।


आकड़ो का भंडारण किया जा रहा हैं

डेटा संग्रहीत करते समय, डेटा को एक निश्चित प्रारूप होना चाहिए, और इस पर ध्यान दिए बिना कि आप इसे कहाँ संग्रहीत करना चाहते हैं, पाठ हमेशा कानूनी स्वरूपों में से एक होता है।

JSON जावास्क्रिप्ट ऑब्जेक्ट्स को टेक्स्ट के रूप में स्टोर करना संभव बनाता है।

उदाहरण

स्थानीय भंडारण में डेटा संग्रहीत करना

// Storing data:
const myObj = {name: "John", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);

// Retrieving data:
let text = localStorage.getItem("testJSON");
let obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;


अपवाद

कड़ी तिथियां

JSON में, दिनांक वस्तुओं की अनुमति नहीं है। JSON.stringify()फ़ंक्शन किसी भी तारीख को स्ट्रिंग्स में बदल देगा

उदाहरण

const obj = {name: "John", today: new Date(), city : "New York"};
const myJSON = JSON.stringify(obj);

आप रिसीवर पर स्ट्रिंग को वापस डेट ऑब्जेक्ट में बदल सकते हैं।


स्ट्रिंग फ़ंक्शन

JSON में, ऑब्जेक्ट मानों के रूप में फ़ंक्शंस की अनुमति नहीं है।

JSON.stringify()फ़ंक्शन जावास्क्रिप्ट ऑब्जेक्ट से किसी भी फ़ंक्शन को हटा देगा, कुंजी और मान दोनों :

उदाहरण

const obj = {name: "John", age: function () {return 30;}, city: "New York"};
const myJSON = JSON.stringify(obj);

इसे छोड़ा जा सकता है यदि आप फ़ंक्शन चलाने से पहले अपने कार्यों को स्ट्रिंग्स में परिवर्तित करते हैं JSON.stringify()

उदाहरण

const obj = {name: "John", age: function () {return 30;}, city: "New York"};
obj.age = obj.age.toString();
const myJSON = JSON.stringify(obj);

यदि आप JSON का उपयोग करके फ़ंक्शन भेजते हैं, तो फ़ंक्शन अपना दायरा खो देंगे, और रिसीवर को उन्हें वापस फ़ंक्शंस में बदलने के लिए eval() का उपयोग करना होगा।