ஜாவாஸ்கிரிப்ட் பொருள்களை HTML5 லோக்கல் ஸ்டோரேஜ் மற்றும் செஷன் ஸ்டோரேஜில் சேமித்தல்

லோக்கல் ஸ்டோரேஜில் ஜாவாஸ்கிரிப்ட் பொருட்களை சேமித்தல் மற்றும் மீட்டெடுத்தல்

லோக்கல் ஸ்டோரேஜுக்கு 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 ஜாவாஸ்கிரிப்ட் பொருள்களில் வட்டக் குறிப்புகளைக் கையாள வடிவமைக்கப்பட்டுள்ளது.
5. சேமிப்பக வரம்பு எதற்கு localStorage?
6. சேமிப்பக வரம்பு localStorage இது பொதுவாக 5MB ஆகும், ஆனால் இது உலாவிகளுக்கு இடையே மாறுபடும்.
7. தரவைச் சேமிப்பதற்கு முன் அதைச் சுருக்க முடியுமா?
8. ஆம், போன்ற நூலகங்களைப் பயன்படுத்தலாம் LZ-String உங்கள் தரவைச் சேமிப்பதற்கு முன் அதைச் சுருக்கவும் localStorage அல்லது sessionStorage.
9. பொருள்களின் வரிசையை எவ்வாறு சேமிப்பது?
10. அணிவரிசையை JSON சரமாக மாற்றவும் JSON.stringify() அதை சேமிப்பதற்கு முன் localStorage அல்லது sessionStorage.
11. முக்கியமான தரவை சேமிப்பது பாதுகாப்பானதா localStorage?
12. இல்லை, முக்கியத் தரவைச் சேமிப்பது பாதுகாப்பானது அல்ல localStorage இது ஜாவாஸ்கிரிப்ட் மூலம் அணுகக்கூடியது மற்றும் தளம் தாக்கப்பட்டால் சமரசம் செய்யப்படலாம்.
13. நான் பயன்படுத்தி கொள்ளலாமா localStorage வெவ்வேறு களங்களில்?
14. இல்லை, localStorage ஒரே தோற்றத்திற்கு வரம்பிடப்பட்டுள்ளது, அதாவது வெவ்வேறு டொமைன்களில் இதை அணுக முடியாது.
15. பயனர் தனது உலாவித் தரவை அழித்துவிட்டால் என்ன நடக்கும்?
16. எல்லா தரவுகளும் சேமிக்கப்பட்டுள்ளன localStorage மற்றும் sessionStorage பயனர் தனது உலாவித் தரவை அழித்துவிட்டால் அகற்றப்படும்.

பொருள் சேமிப்பகத்தை நிர்வகிப்பதற்கான இறுதி எண்ணங்கள்

HTML5 இணைய சேமிப்பகத்தில் பொருட்களை திறம்பட சேமித்து மீட்டெடுக்க, பொருட்களை JSON சரங்களாக மாற்ற வேண்டும் JSON.stringify() பின்னர் அவற்றை மீண்டும் பாகுபடுத்துதல் JSON.parse(). வெவ்வேறு உலாவி அமர்வுகளில் தரவு அப்படியே இருப்பதையும் பயன்படுத்தக்கூடியதாக இருப்பதையும் இந்த முறை உறுதி செய்கிறது. இந்த நுட்பங்களைப் புரிந்துகொண்டு பயன்படுத்துவதன் மூலம், டெவலப்பர்கள் தங்கள் வலைப் பயன்பாடுகளின் செயல்பாடு மற்றும் செயல்திறனை மேம்படுத்தி, மிகவும் சிக்கலான தரவு மேலாண்மைப் பணிகளுக்கு லோக்கல் ஸ்டோரேஜ் மற்றும் செஷன் ஸ்டோரேஜைப் பயன்படுத்த முடியும்.