JavaScript Academy · पाठ

डेटा संग्रहीत करना और पढ़ना

setItem, getItem और removeItem का उपयोग कीजिए।

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

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

ब्राउज़र का कुंजी-मान संग्रहण

वेब स्टोरेज ब्राउज़र में हर ऑरिजिन के लिए एक सरल कुंजी-मान संग्रह देता है। दोनों एपीआई, localStorage और sessionStorage, समान विधियाँ साझा करते हैं और केवल स्ट्रिंग संग्रहित करते हैं।

setItem से लिखना

setItem(key, value) से कोई मान सहेजिए। दोनों तर्क स्ट्रिंग होते हैं।

localStorage.setItem("theme", "dark");
localStorage.setItem("username", "ada");

getItem से पढ़ना

getItem(key) से कोई मान प्राप्त कीजिए। यदि कुंजी मौजूद न हो, तो यह null लौटाता है, undefined नहीं।

const theme = localStorage.getItem("theme"); // "dark"
const missing = localStorage.getItem("nope"); // null

प्रॉपर्टी से पहुँच

आप ऑब्जेक्ट की प्रॉपर्टी की तरह भी पढ़ और लिख सकते हैं, लेकिन विधि वाला रूप अधिक स्पष्ट होता है और अंतर्निर्मित नामों से टकराव से बचाता है। विधियों को प्राथमिकता दीजिए।

localStorage.theme = "light";       // works
console.log(localStorage.theme);    // "light"

एक आइटम हटाना

removeItem(key) से एक प्रविष्टि हटाइए। मौजूद न होने वाली कुंजी को हटाना सुरक्षित है और कोई प्रभाव नहीं डालता।

localStorage.removeItem("username");

सब कुछ साफ़ करना

clear() वर्तमान ऑरिजिन की सभी कुंजियाँ मिटा देता है। सावधानी से उपयोग कीजिए; इसे वापस लेने का कोई तरीका नहीं है।

localStorage.clear();

सब कुछ एक स्ट्रिंग है

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

localStorage.setItem("count", 5);
const n = localStorage.getItem("count"); // "5" (string)
const num = Number(n);                    // 5

कुंजियों की गिनती

length प्रॉपर्टी बताती है कि कितनी कुंजियाँ संग्रहित हैं, और key(index) किसी स्थान पर मौजूद नाम लौटाता है। यह दोहराव के लिए उपयोगी है।

console.log(localStorage.length);
const firstKey = localStorage.key(0);

स्टोरेज पर दोहराव करना

लंबाई और key() का उपयोग करके सभी संग्रहित कुंजियों पर क्रम से चलिए। चलते-चलते हर मान पढ़ते जाइए।

for (let i = 0; i < localStorage.length; i++) {
  const k = localStorage.key(i);
  console.log(k, localStorage.getItem(k));
}

मौजूदगी की जाँच

क्योंकि missing कुंजी null लौटाती है, इसलिए एक सरल तुलना से उसकी मौजूदगी जाँची जा सकती है।

if (localStorage.getItem("token") !== null) {
  console.log("user has a token");
}

केवल वही ऑरिजिन

स्टोरेज ऑरिजिन (स्कीम + होस्ट + पोर्ट) तक सीमित होता है। एक साइट दूसरी साइट का स्टोरेज नहीं पढ़ सकती, और http तथा https अलग ऑरिजिन माने जाते हैं।

त्वरित जाँच

वेब स्टोरेज को पढ़ना और लिखना।

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

पुनरावलोकन

वेब स्टोरेज हर ऑरिजिन के लिए स्ट्रिंग कुंजी-मान संग्रह है। setItem, getItem (अनुपस्थित होने पर null लौटाता है), removeItem और clear का उपयोग कीजिए। length और key(i) से दोहराव कीजिए। सब कुछ स्ट्रिंग होता है, इसलिए प्रकारों को स्वयं बदलें; स्टोरेज हर ऑरिजिन के लिए अलग रहता है।

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

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

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

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

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

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

क्या “डेटा संग्रहीत करना और पढ़ना” पाठ निःशुल्क है?

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

“डेटा संग्रहीत करना और पढ़ना” में मैं क्या सीखूँगा?

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

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

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

“डेटा संग्रहीत करना और पढ़ना” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

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