JavaScript Destructuring Assignment In Hindi
Indexed DB In JavaScript In Hindi | JS Indexed DB In Hindi
async - await In JavaScript In Hindi | JS async - await In Hindi
Important JavaScript Interview Questions In Hindi
session Storage In JavaScript In Hindi | JS session Storage In Hindi
What is Router in Networking? and How router Works?
PHP stdClass In Hindi | stdClass In PHP
Difference between Analog and Digital signal In Hindi
Back end developer roadmap : how to became back end developer ? back end development kya hai?
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 एक 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 बना सकते हैं।
JavaScript द्वारा user browser में data को temporary store करने के लिए दी गयी कुछ functionalists -
localStorage
इन सभी का use need के according modern web applications में use होता है।
●●●
इस blog में हम localStorage के बारे में अच्छे से समझेंगे।
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 नहीं कर सकते हैं।
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 करता है।
●●●
localStorage
में किसी value को add करने के लिए setItem(key , value)
function का use किया जाता है।
localStorage.setItem('name', 'Babu Rao');
ऊपर दिए गए example को run करने के बाद आप browser inspect करके देख सकते हैं कि value store हुई है या नहीं। इसके लिए आप Storage
>> Local Storage
में देख सकते हैं।
localStorage
में store की गयी value को वापस get करने के लिए getItem(key)
function का use किया जाता है। जिसमे आपको same key
pass करनी होती है।
let name = localStorage.getItem('name'); // Babu Rao.
console.log(name);
// check length.
console.log(localStorage.length); // 15
मेरा length output 15 है , because मेरे browser में काफी items हैं इसलिए हो सकता है कि आपका output अलग हो।
●●●
आप चाहें तो storage में data set या get करने के लिए localStorage
Object के methods का use करने की जगह directly एक normal object की तरह भी use कर सकते हैं।
localStorage.name = "John Elia";
// access it like.
console.log(localStorage.name);
●●●
localStorage
में data हमेशा String form में save होता है , तो ऐसे में directly किसी Array या Object को store करने पर data lost हो सकता है।
इस problem से बचने के लिए आपको JSON
Object के stringyfy()
और parse()
functions को use में लेना पड़ेगा।
let user = {
name : "John Elia",
age : 43,
languages : ["Hindi", "Urdu"]
};
localStorage.user = JSON.stringify(user);
और वापस actual form में access के लिए parse()
function का use किया जाता है।
let user = JSON.parse(localStorage.user);
console.log(user);
Output
Object { name: "Raju", age: 39 }
localStorage.removeItem("user");
या फिर एक बार में ही clear करने के लिए clear() method का भी use कर सकते हैं।
localStorage.clear();
●●●
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 -
I hope guys , अब आपको JavaScript में localStorage के बारे में अच्छे से समझ आ गया होगा।
●●●
Loading ...
Hi ! I'm Rahul Kumar Rajput founder of learnhindituts.com. I'm a software developer having more than 4 years of experience. I love to talk about programming as well as writing technical tutorials and blogs that can help to others. I'm here to help you navigate the coding cosmos and turn your ideas into reality, keep coding, keep learning :)
Get connected with me. :) LinkedIn Twitter Instagram Facebook