JavaScript Academy · पाठ

JSON के साथ ऑब्जेक्ट संग्रहीत करना

ऑब्जेक्ट को संग्रहीत करने और वापस पाने के लिए क्रमबद्ध कीजिए।

पाठ 3, कुल 4 में से13 चरण

JSON के साथ ऑब्जेक्ट संग्रहीत करना, CoddyKit पर JavaScript Academy का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह JavaScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

स्टोरेज में केवल स्ट्रिंग रहती हैं

वेब स्टोरेज स्ट्रिंग संग्रहित करता है, इसलिए आप ऑब्जेक्ट को सीधे सहेज नहीं सकते। ऐसा करने पर बेकार टेक्स्ट "[object Object]" मिलता है। इसका समाधान जेएसओएन है।

localStorage.setItem("user", { name: "Ada" });
console.log(localStorage.getItem("user")); // "[object Object]"

JSON.stringify से सीरियलाइज़ करना

संग्रहित करने से पहले JSON.stringify से ऑब्जेक्ट को जेएसओएन स्ट्रिंग में बदल दीजिए।

const user = { name: "Ada", age: 36 };
localStorage.setItem("user", JSON.stringify(user));

JSON.parse से डीसीरियलाइज़ करना

पढ़ते समय JSON.parse से स्ट्रिंग को फिर से ऑब्जेक्ट में बदल दीजिए।

const raw = localStorage.getItem("user");
const user = JSON.parse(raw);
console.log(user.name); // "Ada"

पूरा चक्र

पूरा पैटर्न यह है: अंदर लाते समय stringify करें और बाहर निकालते समय parse करें। यह ऑब्जेक्ट और ऐरे, दोनों के लिए काम करता है।

localStorage.setItem("nums", JSON.stringify([1, 2, 3]));
const nums = JSON.parse(localStorage.getItem("nums"));
console.log(nums[0]); // 1

null स्थिति संभालना

JSON.parse(null) null लौटाता है (यह त्रुटि उत्पन्न नहीं करता), लेकिन अनुपस्थित डेटा को पार्स करना फिर भी अप्रत्याशित हो सकता है। एक वैकल्पिक डिफ़ॉल्ट मान दीजिए।

const raw = localStorage.getItem("settings");
const settings = raw ? JSON.parse(raw) : {};

भ्रष्ट डेटा से बचाव

यदि संग्रहित जेएसओएन गलत रूप में है, तो JSON.parse एक SyntaxError उत्पन्न करता है। इसे try/catch में लपेटिए, ताकि एक खराब प्रविष्टि आपका ऐप क्रैश न कर दे।

function readJSON(key, fallback) {
  try { return JSON.parse(localStorage.getItem(key)) ?? fallback; }
  catch { return fallback; }
}

फिर से इस्तेमाल किया जा सकने वाला सहेजने का सहायक

stringify चरण को एक सहायक में लपेटिए, ताकि आप इसे कभी भूलें नहीं।

function saveJSON(key, value) {
  localStorage.setItem(key, JSON.stringify(value));
}
saveJSON("cart", [{ id: 1, qty: 2 }]);

JSON क्या हटा देता है

जेएसओएन फ़ंक्शन, undefined, Date ऑब्जेक्ट (ये स्ट्रिंग बन जाते हैं), Map या Set को प्रदर्शित नहीं कर सकता। इसके अनुसार योजना बनाइए; तारीख़ों को ISO स्ट्रिंग के रूप में संग्रहित करें और पढ़ते समय उन्हें फिर से बनाएँ।

const obj = { fn: () => 1, when: new Date() };
console.log(JSON.stringify(obj)); // {"when":"2026-..."}

तारीख़ें पुनर्स्थापित करना

चूँकि तारीख़ें स्ट्रिंग में बदल जाती हैं, यदि आपको Date की विधियों की आवश्यकता हो तो पार्स करने के बाद उन्हें वापस बदल दीजिए।

const data = JSON.parse(localStorage.getItem("event"));
data.when = new Date(data.when);

नेस्टेड डेटा अपडेट करना

संग्रहित ऑब्जेक्ट के किसी हिस्से को बदलने के लिए उसे पढ़िए, उसकी प्रति में बदलाव कीजिए और फिर उसे वापस लिखिए। स्टोरेज में आंशिक अपडेट की कोई एपीआई नहीं है।

const cart = JSON.parse(localStorage.getItem("cart")) || [];
cart.push({ id: 9, qty: 1 });
localStorage.setItem("cart", JSON.stringify(cart));

संग्रहित ढाँचों का संस्करण बनाना

ऐप के डेटा के ढाँचे समय के साथ बदलते हैं। version फ़ील्ड संग्रहित करने से फ़ॉर्मैट बदलने पर आप पुराने डेटा को स्थानांतरित या हटा सकते हैं।

saveJSON("prefs", { version: 2, theme: "dark" });

त्वरित जाँच

वेब स्टोरेज में ऑब्जेक्ट संग्रहित करना।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

स्टोरेज में स्ट्रिंग रहती हैं, इसलिए सहेजने से पहले ऑब्जेक्ट पर JSON.stringify और पढ़ते समय JSON.parse का उपयोग कीजिए। पार्सिंग को try/catch से सुरक्षित रखें और डिफ़ॉल्ट मान दें। याद रखें कि जेएसओएन फ़ंक्शन और undefined हटा देता है और तारीख़ों को स्ट्रिंग में बदल देता है। नेस्टेड डेटा को पढ़कर, बदलकर और फिर लिखकर अपडेट करें; अपने संग्रहित ढाँचों का संस्करण बनाने पर भी विचार करें।

शुरुआत निःशुल्क

एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 59
पाठ: 200

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “JSON के साथ ऑब्जेक्ट संग्रहीत करना” पाठ निःशुल्क है?

हाँ — JavaScript Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “JSON के साथ ऑब्जेक्ट संग्रहीत करना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“JSON के साथ ऑब्जेक्ट संग्रहीत करना” में मैं क्या सीखूँगा?

ऑब्जेक्ट को संग्रहीत करने और वापस पाने के लिए क्रमबद्ध कीजिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ JavaScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या JavaScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर JavaScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।

“JSON के साथ ऑब्जेक्ट संग्रहीत करना” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस JavaScript Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर JavaScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← JavaScript Academy पर वापस जाएँ