Converting between JSON and JavaScript objects In Hindi
जावास्क्रिप्ट प्रोग्रामिंग में JSON (जावास्क्रिप्ट ऑब्जेक्ट नोटेशन) एक सिंपल लाइटवेट वेब डेटा-इंटरचेंज फ़ॉर्मेट या मेथड है, जावास्क्रिप्ट में JSON का यूज़ सामान्यता वेब सर्वर और वेब एप्लिकेशन के बीच डेटा इनफार्मेशन को एक्सचेंज करने में होता है। जबकि, JSON और जावास्क्रिप्ट ऑब्जेक्ट के इक्वल कांसेप्ट हैं, लेकिन JSON और जावास्क्रिप्ट बिल्कुल एक जैसे नहीं हैं, इस वजह से JSON को जावास्क्रिप्ट के साथ कम्यूनिकेट करने या ट्रांसफर करने में होता है।
जावास्क्रिप्ट प्रोग्रामिंग में JSON स्ट्रिंग जावास्क्रिप्ट ऑब्जेक्ट में और इसके अपोजिट डाटा और इनफार्मेशन को ट्रांसफर करने के लिए बिल्ट-इन मेथड प्रोवाइड करता है।
These are some popular JSON string to JavaScript object transfer methods.
- JSON.parse() – यह फंक्शन एक JSON स्ट्रिंग को जावास्क्रिप्ट ऑब्जेक्ट में कन्वर्ट करता है।
- JSON.stringify() – एक फंक्शन जावास्क्रिप्ट ऑब्जेक्ट को JSON स्ट्रिंग में कन्वर्ट करता है।
Converting a JSON string to a JavaScript object using the JSON.parse() function in JavaScript.
जावास्क्रिप्ट प्रोग्रामिंग में JSON.parse() मेथड का यूज़ JSON स्ट्रिंग को पार्स करने और उसे जावास्क्रिप्ट ऑब्जेक्ट में कन्वर्ट करने में किया जाता है।
Example of the JSON.parse() function.
// here we declare A JSON string data typically retrieved from an API
const jsonString = ‘{“empname”: “Harry”, “empage”: 40, “empcity”: “delhi”}’;
// here it Convert the JSON string to a JavaScript object format
const jsObject = JSON.parse(jsonString);
// here we can can access the json object and display properties
console.log(jsObject.empname); // Result – Harry
console.log(jsObject.empage); // Result – 40
console.log(jsObject.empcity); // Result – delhi
Explanation of the JSON.parse() function.
इस प्रोग्राम एक्साम्प्ल में JSON.parse() फंक्शन एक वैलिड JSON स्ट्रिंग इनपुट करता है, और उसे एक जावास्क्रिप्ट प्रोग्रामऑब्जेक्ट में कन्वर्ट कर देता है।
यहाँ रिजल्ट के रूप में jsObject का यूज़ किसी भी सामान्य जावास्क्रिप्ट ऑब्जेक्ट फॉर्मेट में किया जा सकता है, जहा प्रोग्रामर डॉट नोटेशन या ब्रैकेट नोटेशन को अप्लाई करके इसके प्रॉपर्टीज को एक्सेस कर सकते हैं।
Converting a JavaScript object to a JSON string by applying JSON.stringify() in JavaScript.
जावास्क्रिप्ट प्रोग्रामिंग में JSON.stringify() मेथड का यूज़ करके जावास्क्रिप्ट ऑब्जेक्ट को JSON स्ट्रिंग में कन्वर्ट करने में किया जाता है, इसे फिर नेटवर्क में सेंड किया जा सकता है, या टेक्स्ट फॉर्मेट में स्टोर किया जा सकता है. जैसे, लोकल स्टोरेज में।
Example of converting a JavaScript object to a JSON string.
// here we create A JavaScript object sample
const employee = {
empname: ‘Amit’,
empage: 21,
empcity: ‘Chennai’
};
// now we Convert the JavaScript object to a JSON string format
const jsonString = JSON.stringify(employee);
// Now here jsonString can be used as a string format, as sending it in an HTTP response or request
console.log(jsonString); // Result is – {“empname”:”Amit”,”empage”:21,”empcity”:”Chennai”}
Explanation of JavaScript object to a JSON string.
यहाँ JSON.stringify() मेथड जावास्क्रिप्ट ऑब्जेक्ट को JSON स्ट्रिंग में कन्वर्ट करता है।
यह स्ट्रिंग एक वैलिड JSON फॉर्मेट को रिप्रेजेंट करता है, जहा इसे नेटवर्क में डिस्प्ले किया जा सकता है, या लोकल स्टोरेज लोकेशन में स्टोर किया जा सकता है।
Managing nested objects and arrays in JavaScript.
जावास्क्रिप्ट प्रोग्रामिंग में JSON.parse() और JSON.stringify() फंक्शन दोनों मेथड को नेस्टेड ऑब्जेक्ट और ऐरे को मैनेज और कंट्रोल करने में होता हैं।
Example of nested objects and arrays in JavaScript.
// here we create A JavaScript object with nested objects and arrays in both
const groupObject = {
empname: “Siddhi Deora”,
empage: 28,
department: [“Information Technology”, “Manufacturing”, “Development”, “Design”],
location: {
street: “abc street”,
city: “mumbai”,
pin: “400001”
}
};
// here we Convert the object to a JSON string format
const jsonString = JSON.stringify(groupObject);
// here we Convert the JSON string back to a JavaScript object format
const parsedObject = JSON.parse(jsonString);
console.log(parsedObject.empname); // Result – Siddhi Deora
console.log(parsedObject.department); // Result – [“Information Technology”, “Manufacturing”, “Development”, “Design”]
console.log(parsedObject.location.street); // Result – abc street
Explanation of nested objects and arrays.
यहाँ इस प्रोग्राम में JSON.stringify() नेस्टेड ऑब्जेक्ट्स जैसे, लोकेशन और ऐरे जैसे, डिपार्टमेंट दोनों को मैनेज करता है, और रिजल्ट फॉर्मेट में JSON स्ट्रिंग में स्ट्रक्चर में सिक्योर स्टोर होता है।
यहाँ JSON.parse() फंक्शन मेथड JSON स्ट्रिंग को फंडामेंटल स्ट्रक्चर में स्टोर करते हुए एक जावास्क्रिप्ट ऑब्जेक्ट में प्रॉपर आर्डर में स्टोर करता है।
Dealing with special cases in JSON.stringify() in JavaScript.
जावास्क्रिप्ट प्रोग्रामिंग में ऑब्जेक्ट्स को JSON स्ट्रिंग में कन्वर्ट करते समय कुछ डिटेल को फॉलो किया जाता हैं। जैसे, किसी फ़ंक्शन और अनडिफाइंड वैल्यू को JSON फॉर्मेट में डायरेक्ट डिस्प्ले नहीं किया जा सकता है।
Handling function and undefined in JavaScript Example.
const groupWithFunction = {
empname: “Bhavishi Deora”,
greet: function() { console.log(“Hi”); },
empage: undefined
};
const jsonString = JSON.stringify(groupWithFunction);
console.log(jsonString); // Result – {“empname”:”Bhavishi Deora”}
Explanation of handling function and undefined.
- Function – इस प्रोग्राम में फ़ंक्शन JSON आउटपुट में ऐड नहीं किए गए हैं।
- undefined – यदि अनडिफाइंड एक प्रॉपर्टीज वैल्यू है, फिर इसे रिजल्ट JSON स्ट्रिंग से बाहर रखा गया है।
यहाँ प्रोग्रामर JSON.stringify() फंक्शन में एक रिप्लेसर फ़ंक्शन को यूज़ करके स्ट्रिंगीकरण प्रोसेस को कस्टमाइज कर सकते हैं, जिससे की यह कण्ट्रोल किया जा सके कि कौन से प्रोग्राम प्रॉपर्टीज को ऐड किए जाएँ या उन्हें बाहर रखा जाएँ।
Customizing JSON Output with JSON.stringify() in JavaScript.
जावास्क्रिप्ट प्रोग्रामर ऑब्जेक्ट के प्रॉपर्टीज को सलेक्शन फॉर्मेट में ऐड या मॉडिफाई करने के लिए JSON.stringify() फंक्शन में दूसरे लॉजिक के रूप में एक रिप्लेसर फ़ंक्शन को पास कर सकते हैं।
Using replacer function in JavaScript Example.
const employee = {
empname: “Harry”,
empage: 23,
security: “pass123!”
};
// here we use Replacer function to exclude security
const jsonString = JSON.stringify(employee, (key, value) => {
if (key === “security”) {
return undefined; // here it Exclude the security property from the JSON string
}
return value; // here it Return the value as is for other properties
});
console.log(jsonString); // Result – {“empname”:”Harry”,”empage”:23,”security”:”pass123!”}
Explanation of replacer function.
यहाँ रिप्लेसर फ़ंक्शन प्रोग्रामर को JSON स्ट्रिंग से कंडीशनल फॉर्मेट में जैसे, इस कंडीशन में सिक्योरिटी से एग्जिट करने की परमिशन प्रोवाइड करता है।
जहा ऑब्जेक्ट में हर की-वैल्यू पेअर के लिए कॉल कर सकते है, और आप यह तय कर सकते हैं कि वैल्यू रिटर्न है या अनडिफाइंड प्रॉपर्टीज को बाहर करने के लिए है।
JSON formatting with indentation in JavaScript.
जावास्क्रिप्ट प्रोग्राम में किसी जावास्क्रिप्ट ऑब्जेक्ट को JSON स्ट्रिंग में कन्वर्ट करते समय, प्रोग्रामर आउटपुट को अधिक रीडेबल क्रिएट करने के लिए इंडेंटेशन के साथ उसे फ़ॉर्मेट कर सकते हैं। यहाँ इंडेंटेशन के लिए यूज़ किए जाने वाले एम्प्टी स्पेस की नंबर को इंडीकेट करने के लिए प्रोग्रामर JSON.stringify() मेथड में एक अल्टरनेटिव थर्ड लॉजिक को पास कर सकते हैं।
Pretty-printedJSON example in JavaScript.
const employee = {
empname: “Lalita”,
empage: 40,
cont: 9414,
city: “Rajasthan”
};
// here it use to Convert to a pretty-printed JSON string with indentation format
const jsonString = JSON.stringify(employee, null, 2);
console.log(jsonString);
/*
Result
{
“empname”: “Lalita”,
“empage”: 40,
“cont”: 9414,
“city”: “Rajasthan”
}
*/
Explanation of pretty-printedJSON.
यहाँ थर्ड आर्गुमेंट (इस कंडीशन में 2) इंडेंटेशन के लिए एम्प्टी स्पेस के नंबर को इंडीकेट करता है, जिससे की प्रोग्राम के आउटपुट को रीड करना इजी हो जाता है।
Common errors in JavaScript JSON.
सर्कुलर रेफ़्रेन्स में यदि किसी ऑब्जेक्ट में सर्कुलर रेफ़्रेन्स हैं, जैसे, कोई ऑब्जेक्ट जो प्रोग्राम में सेल्फ को रेफ़्रेन्स करता है, तो JSON.stringify() फंक्शन एक एरर जनरेट करेगा। यहाँ सर्कुलर रेफ़्रेन्स को मैनेज करने के लिए, प्रोग्रामर फ़्लैटेड जैसी लाइब्रेरी को यूज़ कर सकते हैं, या साइकिल को ब्रेक करने के लिए एक कस्टम रिप्लेसर फ़ंक्शन क्रिएट कर सकते हैं।
Example of circular reference problem in JavaScript.
const objvalue = {};
objvalue.self = objvalue; // here we create a Circular reference
try {
const jsonString = JSON.stringify(objvalue); // here this function will throw a error
} catch (p) {
console.error(“Display Error”, p); // here it display TypeError with Converting circular structure to JSON object
}
JSON (JavaScript Object Notation) Summary in JavaScript Programming.
- JSON.parse() in JavaScript Programming – JSON स्ट्रिंग को जावास्क्रिप्ट ऑब्जेक्ट में कन्वर्ट करता है। JSON.parse() का यूज़ तब करें जब प्रोग्रामर को किसी API या अन्य स्ट्रिंग सोर्सेज से JSON फॉर्मेट में रिसीव डेटा के साथ काम की जरूरत हो।
- JSON.stringify() in JavaScript – यह जावास्क्रिप्ट में ऑब्जेक्ट को JSON स्ट्रिंग में कन्वर्ट करता है। इस मेथड का यूज़ तब करें जब प्रोग्रामर को नेटवर्क पर डेटा सेंड करना हो, उसे लोकल स्टोरेज में सेव करना हो, या उसे टेक्स्ट के रूप में आउटपुट फॉर्मेट में डिस्प्ले करना हो।
