local Storage In JavaScript In Hindi | JS local 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.

JavaScript localStorage

जैसा कि आपको पता ही है , की कि 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 में हम localStorage के बारे में अच्छे से समझेंगे।

JS localStorage In Hindi

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

localStorage के द्वारा store किया गया data , same domain के सभी window और tabs में accessible होता है।

मतलब किसी एक window/tabs में save किये गए data को आप किसी दूसरी window/tabs में access/modify कर सकते हैं लेकिन domain same रहना चाहिए। किसी दूसरे domain में stored data को access नहीं कर सकते हैं।

JS sessionStorage methods & properties

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

• setItem(key, value) : localStorage में किसी 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 localStorage example

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

Copy
localStorage.setItem('name', 'Babu Rao');

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

JS access localStorage value

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

Copy
let name = localStorage.getItem('name');  // Babu Rao.
console.log(name);

// check length.
console.log(localStorage.length); // 15

मेरा length output 15 है , because मेरे browser में काफी items हैं इसलिए हो सकता है कि आपका output अलग हो।

●●●

Object like access

आप चाहें तो storage में data set या get करने के लिए localStorage Object के methods का use करने की जगह directly एक normal object की तरह भी use कर सकते हैं।

Copy
localStorage.name = "John Elia";
// access it like.
console.log(localStorage.name);

●●●

JS Store object in localStorage

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

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

Copy
let user = {
  name : "John Elia",
  age : 43,
  languages : ["Hindi", "Urdu"]
};

localStorage.user = JSON.stringify(user);

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

Copy
let user = JSON.parse(localStorage.user);
console.log(user);

Output

Object { name: "Raju", age: 39 }

JS localStorage delete item

Copy
localStorage.removeItem("user");

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

Copy
localStorage.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 -

• Indexed DB

• session Storage
  

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

●●●