सत्र में जावास्क्रिप्ट ऑब्जेक्ट्स सहेजें स्टोरेज

Question

सत्र स्टोरेज और लोकल स्टोरेज वेब ब्राउज़र में कुंजी/मूल्य जोड़े को सहेजने की अनुमति देता है। मान एक स्ट्रिंग होना चाहिए, और जेएस ऑब्जेक्ट्स को छोटा नहीं करना चाहिए।

var user = {'name':'John'}; 
sessionStorage.setItem('user', user); 
var obj = sessionStorage.user; // obj='[object Object]' Not an object 

आजकल, आप JSON वस्तुओं serializing, और फिर उन्हें deserializing वस्तुओं ठीक करने के लिए द्वारा इस सीमा से बच सकते हैं। लेकिन स्टोरेज एपीआई हमेशा setItem और getItem विधियों से गुज़रती है।

sessionStorage.setItem('user', JSON.stringify(user)); 
var obj = JSON.parse(sessionStorage.getItem('user')); // An object :D 

क्या मैं इस सीमा से बच सकता हूं?

मैं बस कुछ इस तरह अमल करना चाहते हैं:

sessionStorage.user.name; // 'John' 
sessionStorage.user.name = 'Mary'; 
sessionStorage.user.name // 'Mary' 

मैं कॉल लेकिन इसकी एक कठिन कार्य रोकना defineGetter और defineSetter तरीकों की कोशिश की है, क्योंकि मैं सभी गुण परिभाषित करने के लिए है और मेरे लक्ष्य नहीं है भविष्य की संपत्तियों को जानने के लिए।

Answer 1

या तो आप वेब संग्रहण API द्वारा प्रदान किए गए एक्सेसर्स का उपयोग कर सकते हैं या आप एक रैपर/एडाप्टर लिख सकते हैं। DefineGetter/defineSetter के साथ आपके निर्दिष्ट मुद्दे से एक रैपर/एडाप्टर लिखने जैसा लगता है आपके लिए बहुत अधिक काम है।

मैं ईमानदारी से नहीं जानता कि आपको क्या कहना है। हो सकता है कि आप "हास्यास्पद सीमा" के बारे में अपनी राय का पुनर्मूल्यांकन कर सकें। वेब स्टोरेज एपीआई सिर्फ एक कुंजी/मूल्य स्टोर होना चाहिए।

Answer 2

आप अपने ऑब्जेक्ट 'stringify' कर सके ... तो sessionStorage.setItem() का उपयोग अपने वस्तु की वह स्ट्रिंग प्रतिनिधित्व स्टोर करने के लिए ... तो जब आपको उसकी आवश्यकता sessionStorage.getItem() और फिर $.parseJSON() का उपयोग इसे वापस बाहर निकलने के लिए?

कार्य उदाहरण http://jsfiddle.net/pKXMa/

Answer 3

उपयोग मामला:

sesssionStorage.setObj(1,{date:Date.now(),action:'save firstObject'}); 
sesssionStorage.setObj(2,{date:Date.now(),action:'save 2nd object'}); 
//Query first object 
    sesssionStorage.getObj(1) 
    //Retrieve date created of 2nd object 
    new Date(sesssionStorage.getObj(1).date) 

एपीआई

Storage.prototype.setObj = function(key, obj) { 

     return this.setItem(key, JSON.stringify(obj)) 
    }; 

    Storage.prototype.getObj = function(key) { 
     return JSON.parse(this.getItem(key)) 
    }; 

Answer 4

समाधान sessionStorage पर setItem कॉल करने से पहले वस्तु stringify है।

var user = {'name':'John'}; 
sessionStorage.setItem('user', JSON.stringify(user)); 
var obj = JSON.parse(sessionStorage.user); 

Answer 5

var user = {'name':'John'}; 
    sessionStorage['user'] = JSON.stringify(user); 
    console.log(sessionStorage['user']); 

Answer 6

यह एक गतिशील समाधान जो वस्तुओं सहित सभी मूल्य प्रकार के साथ काम करता है:

class Session extends Map { 
    set(id, value) { 
    if (typeof value === 'object') value = JSON.stringify(value); 
    sessionStorage.setItem(id, value); 
    } 

    get(id) { 
    const value = sessionStorage.getItem(id); 
    try { 
     return JSON.parse(value); 
    } catch (e) { 
     return value; 
    } 
    } 
} 

फिर

:

const session = new Session(); 

session.set('name', {first: 'Ahmed', last : 'Toumi'}); 
session.get('name'); 

Answer 7

तुम भी store library जो इसके लिए करता है इस्तेमाल कर सकते हैं आप crossbrowser क्षमता के साथ।

उदाहरण:

// Store current user 
store.set('user', { name:'Marcus' }) 

// Get current user 
store.get('user') 

// Remove current user 
store.remove('user') 

// Clear all keys 
store.clearAll() 

// Loop over all stored values 
store.each(function(value, key) { 
    console.log(key, '==', value) 
})