यह पोस्ट जावास्क्रिप्ट में संग्रहण 'कुंजी ()' विधि को प्रदर्शित करता है।
संग्रहण कुंजी () विधि जावास्क्रिप्ट में क्या करती है?
' चाबी() ” विधि स्टोरेज ऑब्जेक्ट से जुड़ी है जो निर्दिष्ट इंडेक्स पर रखे गए कुंजी नाम को पुनः प्राप्त करती है। 'भंडारण' वस्तु हो सकती है ' स्थानीय ' या ' सत्र ' भंडारण। यह उपयोगकर्ताओं को स्थानीय और सत्र भंडारण कुंजी दोनों का उपयोग करने की अनुमति देता है।
सिंटेक्स (स्थानीय संग्रहण के लिए)
स्थानीय भंडारण। चाबी ( अनुक्रमणिका ) ;
उपरोक्त सिंटैक्स एक पैरामीटर को स्वीकार करता है ' अनुक्रमणिका 'जो किसी दिए गए इंडेक्स पर कुंजी का नाम लौटाता है।
सिंटेक्स (सत्र संग्रहण के लिए)
sessionStorage. चाबी ( अनुक्रमणिका ) ;
उपरोक्त सिंटैक्स भी 'लोकलस्टोरेज' के समान 'इंडेक्स' पैरामीटर का समर्थन करता है।
उपरोक्त दोनों सिंटैक्स स्टोरेज ऑब्जेक्ट के कुंजी नाम को एक स्ट्रिंग के रूप में लौटाते हैं। आइए एक-एक करके दोनों को लागू करें।
उदाहरण 1: निर्दिष्ट स्थानीय संग्रहण कुंजी नाम को पुनः प्राप्त करने के लिए संग्रहण 'कुंजी ()' विधि को लागू करना
यह उदाहरण स्थानीय निर्दिष्ट इंडेक्स स्टोरेज कुंजी नाम प्राप्त करने के लिए स्टोरेज 'कुंजी ()' विधि के व्यावहारिक कार्यान्वयन की व्याख्या करता है।
HTML कोड
पहले दिए गए HTML कोड पर एक नजर डालें:
< एच 2 > भंडारण कुंजी ( ) तरीका जावास्क्रिप्ट में एच 2 >< बटन ऑनक्लिक = 'माईफंक ()' > निर्दिष्ट स्थानीय संग्रहण कुंजी प्राप्त करें बटन >
< पी आईडी = 'डेमो' >> पी >
उपरोक्त कोड स्निपेट में:
- सबसे पहले, 'के माध्यम से एक उपशीर्षक निर्दिष्ट करें' <एच2> ' उपनाम।
- अगला, 'की मदद से एक बटन जोड़ें <बटन> 'टैग शामिल है' क्लिक पर 'घटना समारोह को निष्पादित करने के लिए' मायफंक () ” बटन पर क्लिक करें।
- अंत में, 'के माध्यम से एक खाली पैराग्राफ बनाएं' ” टैग जिसे इसकी निर्धारित आईडी 'डेमो' के माध्यम से आसानी से एक्सेस किया जा सकता है।
जावास्क्रिप्ट कोड
अगला, नीचे दिए गए कोड के साथ आगे बढ़ें:
< लिखी हुई कहानी >स्थानीय भंडारण। सेटआइटम ( 'वेबसाइट' , 'लिनक्स' ) ;
स्थानीय भंडारण। सेटआइटम ( 'फर्स्टट्यूटोरियल' , 'एचटीएमएल' ) ;
स्थानीय भंडारण। सेटआइटम ( 'दूसरा ट्यूटोरियल' , 'जावास्क्रिप्ट' ) ;
समारोह myFunc ( ) {
एक्स है = स्थानीय भंडारण। चाबी ( 1 ) ;
दस्तावेज़। getElementById ( 'डेमो' ) . innerHTML = एक्स ;
}
लिखी हुई कहानी >
उपरोक्त कोड ब्लॉक में:
- ' स्थानीय भंडारण 'संपत्ति' के साथ जुड़ा हुआ है सेटआइटम () निर्दिष्ट स्थानीय संग्रहण आइटम सेट करने की विधि।
- अगला, नाम का कार्य ' मायफंक () ' परिभाषित किया गया।
- इसकी परिभाषा में, ' चाबी() 'विधि' से संबंधित है स्थानीय भंडारण ”प्रॉपर्टी पहले इंडेक्स का प्रमुख नाम प्राप्त करने के लिए।
- उसके बाद, ' दस्तावेज़.getElementById () स्थानीय भंडारण आइटम कुंजी 'नाम' के साथ इसे जोड़ने के लिए इसकी आईडी 'डेमो' का उपयोग करके खाली पैराग्राफ तक पहुंचने के लिए विधि लागू की जाती है।
उत्पादन
जैसा कि देखा गया है, आउटपुट स्थानीय स्टोरेज आइटम कुंजी नाम प्रदर्शित करता है। बटन क्लिक पर वर्णमाला क्रम का पालन करके पहली अनुक्रमणिका पर 'दूसरा ट्यूटोरियल'।
उदाहरण 2: निर्दिष्ट सत्र संग्रहण कुंजी नाम प्राप्त करने के लिए संग्रहण 'कुंजी ()' विधि लागू करना
इस उदाहरण में, संग्रहण 'कुंजी ()' विधि एक विशेष अनुक्रमणिका के साथ सत्र संग्रहण कुंजी नाम लौटाती है।
HTML कोड
सबसे पहले, निम्नलिखित HTML कोड से गुजरें:
< एच 2 > भंडारण कुंजी ( ) तरीका जावास्क्रिप्ट में एच 2 >< बटन ऑनक्लिक = 'माईफंक ()' > निर्दिष्ट सत्र संग्रहण कुंजी प्राप्त करें बटन >
< पी आईडी = 'डेमो' >> पी >
उपरोक्त कोड उदाहरण 1 के समान है लेकिन HTML सामग्री में कुछ अपडेट के साथ।
जावास्क्रिप्ट कोड
अगला, निम्नलिखित कोड पर जाएं:
< लिखी हुई कहानी >sessionStorage. सेटआइटम ( 'वेबसाइट' , 'लिनक्स' ) ;
sessionStorage. सेटआइटम ( 'पहला' , 'एचटीएमएल' ) ;
sessionStorage. सेटआइटम ( 'दूसरा' , 'जावास्क्रिप्ट' ) ;
समारोह myFunc ( ) {
एक्स है = sessionStorage. चाबी ( 2 ) ;
दस्तावेज़। getElementById ( 'डेमो' ) . innerHTML = एक्स ;
}
लिखी हुई कहानी >
यहां, सत्र भंडारण आइटम 'का उपयोग करके बनाए जाते हैं' sessionStorage 'संपत्ति और फिर' चाबी() ” दूसरी अनुक्रमणिका का निर्दिष्ट अनुक्रमणिका सत्र संग्रहण कुंजी नाम प्राप्त करने के लिए विधि लागू की जाती है।
उत्पादन
इस परिणाम में, 'कुंजी ()' विधि ने दूसरी अनुक्रमणिका में संग्रहीत सत्र संग्रहण आइटम का मुख्य नाम प्रदर्शित किया। भंडारण कुंजी नाम के लिए खोज प्रक्रिया वर्णमाला के क्रम का पालन करती है जो 'से खोजना शुरू करती है' 0 ' अनुक्रमणिका।
निष्कर्ष
जावास्क्रिप्ट स्टोरेज प्रदान करता है ” चाबी() 'दोनों के विशेष सूचकांक के साथ कुंजी नाम प्राप्त करने की विधि' स्थानीय ' और यह ' सत्र 'भंडारण वस्तुओं। यह भंडारण में निर्दिष्ट कुंजी नाम की खोज करता है और उसके बाद डोम (दस्तावेज़ ऑब्जेक्ट मॉडल) में अपना नाम प्रदर्शित करता है। इस कार्य को करने के लिए केवल 'इंडेक्स' पैरामीटर की आवश्यकता होती है। इस पोस्ट में जावास्क्रिप्ट स्टोरेज 'कुंजी ()' विधि के काम को विस्तार से दिखाया गया है।