HTML5 ലോക്കൽ സ്റ്റോറേജിലും സെഷൻ സ്റ്റോറേജിലും JavaScript ഒബ്‌ജക്റ്റുകൾ സംഭരിക്കുന്നു

ലോക്കൽ സ്റ്റോറേജിൽ ജാവാസ്ക്രിപ്റ്റ് ഒബ്ജക്റ്റുകൾ സംഭരിക്കുകയും വീണ്ടെടുക്കുകയും ചെയ്യുന്നു

ലോക്കൽ സ്റ്റോറേജിനായി JavaScript, JSON എന്നിവ ഉപയോഗിക്കുന്നു

// Create an object
var testObject = {'one': 1, 'two': 2, 'three': 3};

// Convert the object to a JSON string and store it in localStorage
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the JSON string from localStorage and convert it back to an object
var retrievedObject = JSON.parse(localStorage.getItem('testObject'));

// Verify the type and value of the retrieved object
console.log('typeof retrievedObject: ' + typeof retrievedObject);
console.log('Value of retrievedObject: ', retrievedObject);

// Output should be:
// typeof retrievedObject: object
// Value of retrievedObject: { one: 1, two: 2, three: 3 }

സെഷൻസ്‌റ്റോറേജിൽ ജാവാസ്ക്രിപ്റ്റ് ഒബ്‌ജക്റ്റുകൾ സംഭരിക്കുകയും വീണ്ടെടുക്കുകയും ചെയ്യുന്നു

സെഷൻസ്‌റ്റോറേജിനായി JavaScript, JSON എന്നിവ ഉപയോഗിക്കുന്നു

// Create an object
var testObject = {'one': 1, 'two': 2, 'three': 3};

// Convert the object to a JSON string and store it in sessionStorage
sessionStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the JSON string from sessionStorage and convert it back to an object
var retrievedObject = JSON.parse(sessionStorage.getItem('testObject'));

// Verify the type and value of the retrieved object
console.log('typeof retrievedObject: ' + typeof retrievedObject);
console.log('Value of retrievedObject: ', retrievedObject);

// Output should be:
// typeof retrievedObject: object
// Value of retrievedObject: { one: 1, two: 2, three: 3 }

വെബ് സ്റ്റോറേജിൽ ഒബ്ജക്റ്റുകൾ സൂക്ഷിക്കുന്നതിനെക്കുറിച്ചുള്ള പൊതുവായ ചോദ്യങ്ങൾ

1. എനിക്ക് ഫംഗ്‌ഷനുകൾ സംഭരിക്കാൻ കഴിയുമോ? localStorage അഥവാ sessionStorage?
2. ഇല്ല, വെബ് സ്റ്റോറേജിൽ ഫംഗ്‌ഷനുകൾ നേരിട്ട് സംഭരിക്കാൻ കഴിയില്ല. നിങ്ങൾക്ക് ഫംഗ്‌ഷൻ കോഡ് ഒരു സ്ട്രിംഗായി സംഭരിക്കാനും ഉപയോഗിക്കാനും കഴിയും eval() ഇത് പുനർനിർമ്മിക്കുന്നതിന്, എന്നാൽ സുരക്ഷാ അപകടങ്ങൾ കാരണം ഇത് സാധാരണയായി ശുപാർശ ചെയ്യുന്നില്ല.
3. ഒബ്‌ജക്‌റ്റുകളിലെ വൃത്താകൃതിയിലുള്ള അവലംബങ്ങൾ എങ്ങനെ കൈകാര്യം ചെയ്യാം?
4. പോലുള്ള ലൈബ്രറികൾ ഉപയോഗിക്കുക Flatted അഥവാ circular-json JavaScript ഒബ്‌ജക്‌റ്റുകളിൽ വൃത്താകൃതിയിലുള്ള റഫറൻസുകൾ കൈകാര്യം ചെയ്യാൻ രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്നു.
5. എന്താണ് സംഭരണ ​​പരിധി localStorage?
6. സംഭരണ ​​പരിധി localStorage ഇത് സാധാരണയായി 5MB ആണ്, എന്നാൽ ഇത് ബ്രൗസറുകൾക്കിടയിൽ വ്യത്യാസപ്പെടാം.
7. സംഭരിക്കുന്നതിന് മുമ്പ് എനിക്ക് ഡാറ്റ കംപ്രസ് ചെയ്യാൻ കഴിയുമോ?
8. അതെ, നിങ്ങൾക്ക് ലൈബ്രറികൾ ഉപയോഗിക്കാം LZ-String നിങ്ങളുടെ ഡാറ്റ സംഭരിക്കുന്നതിന് മുമ്പ് അത് കംപ്രസ്സുചെയ്യാൻ localStorage അഥവാ sessionStorage.
9. ഒബ്‌ജക്‌റ്റുകളുടെ ഒരു നിര എങ്ങനെ സംഭരിക്കാനാകും?
10. അറേയെ ഒരു JSON സ്‌ട്രിംഗിലേക്ക് പരിവർത്തനം ചെയ്യുക JSON.stringify() സംഭരിക്കുന്നതിന് മുമ്പ് localStorage അഥവാ sessionStorage.
11. സെൻസിറ്റീവ് ഡാറ്റ സംഭരിക്കുന്നത് സുരക്ഷിതമാണോ? localStorage?
12. ഇല്ല, സെൻസിറ്റീവ് ഡാറ്റ സംഭരിക്കുന്നത് സുരക്ഷിതമല്ല localStorage കാരണം ഇത് JavaScript വഴി ആക്‌സസ് ചെയ്യാവുന്നതും സൈറ്റ് ആക്രമിക്കപ്പെട്ടാൽ വിട്ടുവീഴ്ച ചെയ്യാവുന്നതുമാണ്.
13. എനിക്ക് ഉപയോഗിക്കാമോ localStorage വ്യത്യസ്ത ഡൊമെയ്‌നുകളിലുടനീളം?
14. ഇല്ല, localStorage ഒരേ ഉത്ഭവത്തിലേക്ക് പരിമിതപ്പെടുത്തിയിരിക്കുന്നു, അതായത് വ്യത്യസ്ത ഡൊമെയ്‌നുകളിലുടനീളം ഇത് ആക്‌സസ് ചെയ്യാൻ കഴിയില്ല.
15. ഉപയോക്താവ് അവരുടെ ബ്രൗസർ ഡാറ്റ മായ്‌ച്ചാൽ എന്ത് സംഭവിക്കും?
16. എല്ലാ ഡാറ്റയും സംഭരിച്ചിരിക്കുന്നു localStorage ഒപ്പം sessionStorage ഉപയോക്താവ് അവരുടെ ബ്രൗസർ ഡാറ്റ മായ്‌ക്കുകയാണെങ്കിൽ നീക്കം ചെയ്യപ്പെടും.

ഒബ്ജക്റ്റ് സ്റ്റോറേജ് കൈകാര്യം ചെയ്യുന്നതിനെക്കുറിച്ചുള്ള അന്തിമ ചിന്തകൾ

HTML5 വെബ് സ്റ്റോറേജിൽ ഒബ്‌ജക്‌റ്റുകൾ ഫലപ്രദമായി സംഭരിക്കാനും വീണ്ടെടുക്കാനും ഒബ്‌ജക്‌റ്റുകൾ JSON സ്‌ട്രിംഗുകളിലേക്ക് പരിവർത്തനം ചെയ്യേണ്ടതുണ്ട് JSON.stringify() തുടർന്ന് അവയെ വീണ്ടും പാഴ്‌സ് ചെയ്യുന്നു JSON.parse(). വ്യത്യസ്ത ബ്രൗസർ സെഷനുകളിലുടനീളം ഡാറ്റ കേടുകൂടാതെയിരിക്കുമെന്നും ഉപയോഗയോഗ്യമാണെന്നും ഈ രീതി ഉറപ്പാക്കുന്നു. ഈ ടെക്‌നിക്കുകൾ മനസിലാക്കുകയും ഉപയോഗിക്കുകയും ചെയ്യുന്നതിലൂടെ, ഡെവലപ്പർമാർക്ക് അവരുടെ വെബ് ആപ്ലിക്കേഷനുകളുടെ പ്രവർത്തനക്ഷമതയും പ്രകടനവും വർദ്ധിപ്പിക്കുന്നതിന് കൂടുതൽ സങ്കീർണ്ണമായ ഡാറ്റ മാനേജ്‌മെൻ്റ് ടാസ്‌ക്കുകൾക്കായി ലോക്കൽ സ്റ്റോറേജും സെഷൻ സ്റ്റോറേജും പ്രയോജനപ്പെടുത്താൻ കഴിയും.