session Storage In JavaScript In Hindi | JS session Storage In Hindi

If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.

JS sessionStorage

जैसा कि आपको पता ही है , की कि JavaScript एक client side programming language जिसका मतलब है कि यह modern database systems जैसे MySQL , MongoDB , GraphSQL etc से communicate नहीं कर सकती है।

लेकिन data को client browser में ही temporary store करने के लिए कई functionalities provide की हैं जिनका use करके हम modern web applications को attractive और easy to use बना सकते हैं।

JS data store mechanism

JavaScript द्वारा user browser में data को temporary store करने के लिए दी गयी कुछ functionalists -

• sessionStorage

• localStorage

• Indexed DB

इन सभी का use need के according modern web applications में use होता है।

●●●

इस blog में हम sessionStorage के बारे में अच्छे से समझेंगे।

JS sessionStorage In Hindi

JavaScript में sessionStorage एक penfriend object है जिसका use data को को temporary store करने के लिए किया जाता है।

sessionStorage के द्वारा store किया गया data सिर्फ current tab के लिए ही होता है , और उसे दूसरे tab में access नहीं किया जा सकता है। मतलब हर tab का अपना अलग session Storage होता है।

और अगर आप tab या browser को close करते हैं तो उस tab का data remove हो जायगा , हाँ अगर refresh करते हैं तो data बचा रहेगा।

JS sessionStorage methods & properties

sessionStorage Object के कुछ predefined methods और properties हैं जिन्हे use करके हम data को store / access या remove करेंगे।

• setItem(key, value) : sessionStorage में किसी value को add करने के लिए setItem(key , value) function का use किया जाता है।

• getItem(key) : इसका use stored item को key के base पर access करने के लिए किया जाता है।

• removeItem(key) : और इसका use stored item को key के base पर remove करने के लिए किया जाता है।

• clear() : यह method सभी stored data को एक बार में remove करता है।

• length : यह property , session में stored items की length return करता है।

●●●

JS session storage example

sessionStorage में किसी value को add करने के लिए setItem(key , value) function का use किया जाता है। जिसमे आपको key और value as an argument pass करने होते हैं , बाद में इसी key का use करके value को access करते हैं ।

Copy
sessionStorage.setItem('name', 'Rahul');

ऊपर दिए गए example को run करने के बाद आप browser inspect करके देख सकते हैं कि value store हुई है या नहीं। इसके लिए आप Storage >> Session Storage में देख सकते हैं।

अब अगर आप window refresh भी कर देंगे फिर भी आपको data मिल जायगा लेकिन ध्यान रहे tab को close नहीं करना है।

JS access sessionStorage value

session storage में store की गयी value को वापस get करने के लिए getItem(key) function का use किया जाता है। जिसमे आपको same key pass करनी होती है।

Copy
console.log(sessionStorage.getItem('name')); // Rahul.

●●●

JS Store object in session

session storage में data हमेशा String form में save होता है , तो ऐसे में directly किसी Array या Object को store करने पर data lost हो सकता है।

इस problem से बचने के लिए आपको JSON Object के stringyfy() और parse() functions को use में लेना पड़ेगा।

Copy
let user = {
  name : "John",
  age : 67,
  address : "Africa",
  languages : ["English", "Arabic", "Spanish"]
};

sessionStorage.setItem('user', JSON.stringify(user));

और वापस actual form में access के लिए parse() function का use किया जाता है।

Copy
let user = sessionStorage.getItem('user');
console.log(JSON.parse(user));

Output

Object { name: "John", age: 67, address: "Africa", languages: (3) ["English", "Arabic", "Spanish"] }

●●●

JS sessionStorage delete item

Copy
sessionStorage.removeItem("user");

या फिर एक बार में ही clear करने के लिए clear() method का भी use कर सकते हैं।

Copy
sessionStorage.clear();

JS difference between sessionStorage  and localStorage

sessionStorage और localStorage में सबसे बड़ा difference यही है कि localStorage में store किया गया data आपके browser , window या tab close होने पर भी delete नहीं होता है। और एक बार store करके आप किसी दूसरी window या Tab में access कर सकते हैं।

इसके अलावा localStorage में store किया गया data browser में तब तक stored रहता है जब तक आप manually delete नहीं करते या browser uninstall नहीं होता।

जबकि sessionStorage का data current Tab के लिए available होते है और Tab close होने पर delete हो जाता है।

इसी कमी की वजह से sessionStorage , localStorage के comparison में कम reliable है , हालाँकि sessionStorage के अपने अलग usage हैं but rarely ही इसे use किया जाता है।

Similar topics -

• Local Storage

• Indexed DB
  

I hope guys , अब आपको JavaScript में sessionStorage के बारे में अच्छे से समझ आ गया होगा।

●●●