Using JSON.stringify() and JSON.parse() In Hindi
जावास्क्रिप्ट प्रोग्रामिंग में JSON.stringify() और JSON.parse(), फंक्शन मेथड जेसन डेटा टाइप को कन्वर्ट और कम्यूनिकेट करने के लिए एक पॉपुलर मेथड हैं। JSON.stringify() और JSON.parse() जावास्क्रिप्ट प्रोग्रामर को जावास्क्रिप्ट ऑब्जेक्ट और जेसन स्ट्रिंग के मध्य डाटा और इनफार्मेशन को कन्वर्ट करने की परमिशन प्रोवाइड करते हैं. जो जैसन एपीआई डाटा के साथ कम्युनिकेशन करने या डेटा और डिजिटल इनफार्मेशन को स्ट्रिंग फ़ॉर्मैट में स्टोर और प्रोसेस करने के लिए एसेंशियल है।
Converting a JavaScript object to a JSON string in JavaScript.
JSON.stringify() function in JavaScript.
जावास्क्रिप्ट प्रोग्रामिंग में JSON.stringify() फंक्शन मेथड का यूज़ जावास्क्रिप्ट ऑब्जेक्ट को जेसन स्ट्रिंग में कन्वर्ट करने में किया जाता है। यहाँ JSON.stringify() तब यूज़फुल हो जाता है, जब जावास्क्रिप्ट प्रोग्रामर को डेटा को जेसन फ़ॉर्मैट में ऑनलाइन वेबपेज फॉर्मेट में सेंड करना हो, जैसे कि किसी एपीआई को या उसे लोकल स्टोरेज या सेकेंडरी डेटाबेस में स्ट्रिंग फॉर्मेट में स्टोर करना हो।
Syntax of the JavaScript JSON.stringify() function.
JSON.stringify(value, replacer, space);
The JSON.stringify() function element.
- value – यह वह मौजूदा जावास्क्रिप्ट ऑब्जेक्ट है, जिसे प्रोग्रामर जेसन स्ट्रिंग फॉर्मेट में कन्वर्ट करना चाहता हैं।
- replacer (optional) – यह प्रोग्राम में एक फ़ंक्शन या ऐरे होता है, जो यह इंडीकेट करता है कि मौजूदा वैल्यूज को कैसे स्ट्रिंग में रिप्लेस किया जाए। यदि यह अवेलबल नहीं है, तो सभी पॉपर्टीज़ इसमें इन्क्लुड होते हैं।
- space (optional) – प्रोग्राम आउटपुट को अधिक रीडेबल क्रिएट करने के लिए इंडेंटेशन में यूज़ होने वाली एक नंबर या स्ट्रिंग है।
Basic example of JSON.stringify() function.
const employee = {
emp_name: “Rock”,
emp_age: 70,
Address: “India”
};
// here we Convert the JavaScript object into a JSON string format
const jsonString = JSON.stringify(employee);
console.log(jsonString); // Result – {“emp_name”:”Rock”,”emp_age”:70,”Address”:”India”}
JavaScript programming used to convert a JSON string into a JavaScript object.
JSON.parse() function in JavaScript.
जावास्क्रिप्ट प्रोग्रामिंग में JSON.parse() फंक्शन मेथड का यूज़ जेसन स्ट्रिंग को जावास्क्रिप्ट ऑब्जेक्ट में कन्वर्ट करने में किया जाता है। यहाँ JSON.parse() फंक्शन तब यूज़फुल होता है, जब जावास्क्रिप्ट प्रोग्रामर को किसी सर्वर या एपीआई से जेसन फॉर्मेट में डेटा और इनफार्मेशन को रिसीव करते हैं, और इसे जावास्क्रिप्ट ऑब्जेक्ट फॉर्मेट में यूज़ व टास्क करना चाहते हैं।
Syntax of the JSON.parse() function.
JSON.parse(text, reviver);
JSON.parse() function element.
- text – यह प्रोग्राम में वह जेसन स्ट्रिंग है, जिसे जावास्क्रिप्ट ऑब्जेक्ट में कन्वर्ट करना है।
- reviver (optional) – यह प्रोग्राम में एक फ़ंक्शन है, जो पार्स किए गए प्रोग्राम वैल्यू को रिटर्न किए जाने से पहले मॉडिफाई कर सकता है। यदि यह प्रोग्राम में प्रोवाइड किया गया है, तो ये सभी वैल्यू यथावत आर्डर में रिटर्न किए जाते हैं।
Basic example of the JSON.parse() function.
const jsonString = ‘{“emp_name”:”Mathew”,”emp_age”:21, “emp_cont”:9414,” emp_address”:”India”}’;
// here we used t Convert the JSON string into a JavaScript object format
const jsObject = JSON.parse(jsonString);
console.log(jsObject);
// Rsult – { emp_name: ‘Mathew’,emp_age: 21, emp_cont: 9414,’ emp_address’: ‘India’}
Combined use of JSON.stringify() and JSON.parse() in JavaScript.
जावास्क्रिप्ट प्रोग्रामर किसी ऑब्जेक्ट्स को क्लोन करने या ऑब्जेक्ट्स की एडवांस्ड कॉपी को क्रिएट करने के लिए JSON.stringify() और JSON.parse() फंक्शन मेथड को ग्रुप में अप्लाई कर सकते हैं। जहा प्रोग्रामर जरूरत के अनुसार इन्हे सिंगल प्रोग्राम में यूज़ कर सकते है, क्योंकि यह मेथड इक्वल डेटा के साथ बल्कि रेफरेन्सेस के बिना एक नया जावास्क्रिप्ट ऑब्जेक्ट क्रिएट करता है।
Example of JSON.stringify() and JSON.parse().
const employee = {
emp_name: “siddhi”,
emp_cont: 28,
emp_address: “united kingdom”
};
// here it we Clone th employee object using JSON program methods
const clonedemployee = JSON.parse(JSON.stringify(employee));
clonedemployee.mcont = 40; // here we Modify the employee contact cloned object
console.log(employee.emp_cont); // Result – 28 is the original object remains unchanged
console.log(clonedemployee.mcont); // Result – 40 here this is a cloned object that we modified
Explanation of JSON.stringify() and JSON.parse().
यहाँ इस प्रोग्राम में JSON.stringify() के बाद JSON.parse() फंक्शन मेथड को अप्लाई करके प्रोग्रामर एम्प्लॉई ऑब्जेक्ट की एक एडवांस्ड कॉपी क्रिएट करता हैं, इसका मतलब है कि क्लोन में किए गए मॉडिफिकेशन मूल ऑब्जेक्ट को इम्पैक्ट नहीं करते हैं।
Formatting JSON output with JSON.stringify() in JavaScript.
जावास्क्रिप्ट प्रोग्रामर जेसन प्रोग्राम आउटपुट को इंडेंटेशन के रूप में फ़ॉर्मेट करने के लिए JSON.stringify() फंक्शन के स्पेस पैरामीटर को यूज़ कर सकते हैं। यह मेथड जेसन डेटा और इनफार्मेशन को ह्यूमन-रीडेबल अंडरस्टैंड फॉर्मेट में क्रिएट करने में अधिक हेल्पफुल है।
Example of Formatting JSON output with JSON.stringify() in JavaScript.
const employee = {
emp_name: “HHH”,
emp_age: 47,
emp_cont: 9413,
address: “Australia”
};
// here we Convert to a JSON string with 4 space indentation format
const jsonString = JSON.stringify(employee, null, 4);
console.log(jsonString);
/*
Result –
{
“emp_name”: “HHH”,
“emp_age”: 47,
“emp_cont”: 9413,
“address”: “Australia”
}
*/
Explanation of JSON output with JSON.stringify().
यहाँ एम्प्लॉई ऑब्जेक्ट में सेकंड आर्गुमेंट null का मतलब है कि प्रोग्रामर को किसी रिप्लेसर फ़ंक्शन की जरूरत नहीं है।
वही थर्ड आर्गुमेंट 4 इंडेंटेशन के लिए यूज़ किए जाने वाले स्पेस की न्यूमेरिक वैल्यू को इंडीकेट करता है।
Use of JSON.stringify() with replacer function in JavaScript.
जावास्क्रिप्ट प्रोग्रामिंग में JSON.stringify() फंक्शन मेथड में रिप्लेसर पैरामीटर को अप्लाई करके जेसन स्ट्रिंग से सलेक्टिव प्रॉपर्टीज को ऐड या रिजेक्ट करने में किया जा सकता है। यहाँ यह एक फ़ंक्शन या एक ऐरे फॉर्मेट में हो सकता है।
Example of JavaScript replacer function.
const employee = {
emp_name: “Eddie”,
emp_age: 49,
address: “Switzerland”,
security: “pass987@”
};
// here we Exclude the security field from the JSON string method
const jsonString = JSON.stringify(employee, (key, value) => {
if (key === “security”) {
return undefined; // here it Exclude security method
}
return value;
});
console.log(jsonString);
// Result – {“emp_name”:”Eddie”,”emp_age”:49,”address”:”Switzerland”}
Explanation of JavaScript replacer function.
यहाँ इस प्रोग्राम में रिप्लेसर फ़ंक्शन जावास्क्रिप्ट प्रोग्राम ऑब्जेक्ट के हर की-वैल्यू पेअर को रिसीव करता है। यदि यहाँ की “सिक्योरिटी” है, तो प्रोग्रामर उसे जेसन स्ट्रिंग से बाहर करने के लिए अनडिफाइंड वैल्यू को रिटर्न करता हैं।
Handling circular references in JSON.stringify() in JavaScript.
यदि किसी जावास्क्रिप्ट प्रोग्राम ऑब्जेक्ट में सर्कुलर रेफ्ररेंस जैसे, कोई प्रोग्राम ऑब्जेक्ट जो सेल्फ को रेफ़्रेन्स करता हैं, तो यहाँ JSON.stringify() फंक्शन मेथड एक एरर को जनरेट करता है। ऐसा इस वजह से है, क्योंकि जेसन ऑब्जेक्ट में सर्कुलर स्ट्रक्चर को रिप्रेजेंट नहीं कर सकता है।
Example of circular reference error in JavaScript.
const object = {};
obj.self = object; // here we create a Circular reference
try {
const jsonString = JSON.stringify(object);
} catch (error) {
console.error(“Display Error”, error); // here it display error used to Converting circular structure to JSON format
}
Program Solution – इस प्रोग्राम में सर्कुलर रेफ़्रेन्स को मैनेज करने के लिए प्रोग्रामर एक कस्टम रिप्लेसर फ़ंक्शन को अप्लाई कर सकते हैं, या मौजूदा फ़्लैटेड जैसी बिल्ट-इन लाइब्रेरी को यूज़ कर सकते हैं, जो प्रोग्राम में सर्कुलर स्ट्रक्चर को मैनेज कर सकता हैं।
Using JSON.parse() with reviver function in JavaScript.
जावास्क्रिप्ट प्रोग्रामिंग में JSON.parse() फंक्शन मेथड में रिवाइवर पैरामीटर एक फ़ंक्शन है, इसका यूज़ पार्स किए गए प्रोग्राम वैल्यू को रिटर्न किये जाने से पहले मॉडिफाई करने में किया जा सकता है।
Example of reviver function.
const jsonString = ‘{“emp_name”:”Akshay”,”emp_age”:44,”address”:”mumbai”}’;
// here we used Reviver function to modify the parsed data
const jsObject = JSON.parse(jsonString, (key, count) => {
if (key === “emp_age”) {
return count + 1; // Increase the age by 1
}
return count; // Return the value as-is for other properties
});
console.log(jsObject);
// Result – { emp_name: ‘Akshay’, emp_age: 45, address: ‘mumbai’ }
Explanation of the reviver function.
यहाँ रिवाइवर फ़ंक्शन जावास्क्रिप्ट प्रोग्रामर को जेसन स्ट्रिंग को ऑब्जेक्ट में पार्स करते समय वैल्यू को मॉडिफाई करने की परमिशन प्रोवाइड करता है। इस कंडीशन में एम्प्लॉई की ऐज में 1 से इनक्रीस कर डिस्प्ले करते हैं।
Example of JSON.stringify() and JSON.parse() methods working with API data.
जावास्क्रिप्ट प्रोग्रामिंग में JSON.stringify() और JSON.parse() फंक्शन मेथड का एक बेसिक यूज़ एपीआई को यूज़ करना है। यहाँ प्रोग्रामर एपीआई को डेटा सेंड करते समय यूजर ऑब्जेक्ट को स्ट्रिंग करना होगा, और डेटा रिसीव करते समय, यूजर को जेसन स्ट्रिंग को पार्स करना होगा।
Example of sending and receiving API data in JavaScript.
// here this is a process of send data through API method
const employeeData = {
emp_name: “Vinay”,
address: “delhi”,
email: “vinay121@gmail.com”,
age: 31
};
// here we Convert the JavaScript object to JSON for the API request
const jsonData = JSON.stringify(employeeData);
// it Simulate sending data to an API
fetch(‘https://api.server.com/user’, {
method: ‘POST’,
headers: {
‘Content-Type’: ‘application/json’
},
body: jsonData // here it Send the JSON string
})
.then(response => response.json()) // now it Parse the JSON response
.then(data => {
console.log(“Display API response”, data);
})
.catch(error => {
console.error(“Display Error”, error);
});
sending and receiving API data in JavaScript Explanation.
इस प्रोग्राम में emplyeeData ऑब्जेक्ट को रिक्वेस्ट बॉडी में सेंड करने से पहले JSON.stringify() फंक्शन मेथड को यूज़ करके स्ट्रिंग किया जाता है।
इसके बाद रिस्पांस को response.json() फंक्शन मेथड को यूज़ करके पार्स किया जाता है।
Summary of JSON.stringify() and JSON.parse(), function methods.
- JSON.stringify() – यह जावास्क्रिप्ट ऑब्जेक्ट को जेसन स्ट्रिंग में कन्वर्ट करता है। जहा यह सर्वर में डेटा को सेंड करने या उसे स्ट्रिंग आर्डर में लोकल स्टोर करने में यूज़फुल है।
- JSON.parse() – यह एक जेसन स्ट्रिंग को जावास्क्रिप्ट ऑब्जेक्ट में कन्वर्ट करता है। यह एपीआई या अन्य सोर्सेज से रिसीव डेटा के साथ वर्क करने के लिए यूज़फुल है।
- Replacer function – जावास्क्रिप्ट में किसी ऑब्जेक्ट को स्ट्रिंग करते समय यूजर को इसके पॉपर्टीज़ को फ़िल्टर या मॉडिफाई करने की परमिशन प्रोवाइड करता है।
- Reviver function – यह जावास्क्रिप्ट में जेसन स्ट्रिंग को ऑब्जेक्ट में कन्वर्ट करते समय यूजर को पार्स किए गए डेटा को मॉडिफाई करने की परमिशन को प्रोवाइड करता है।
- Circular references – जावास्क्रिप्ट प्रोग्राम में JSON.stringify() फंक्शन मेथड सर्कुलर रेफ़्रेन्स को सपोर्ट नहीं करता है, यहाँ यूजर को कस्टम हैंडलिंग की जरूरत होती है।
