JavaScript-objecten opslaan in HTML5 localStorage en sessionStorage

JavaScript-objecten opslaan en ophalen in localStorage

JavaScript en JSON gebruiken voor localStorage

// 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-objecten opslaan en ophalen in sessionStorage

JavaScript en JSON gebruiken voor sessionStorage

// 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 }

Veelgestelde vragen over het opslaan van objecten in webopslag

1. Kan ik functies opslaan in localStorage of sessionStorage?
2. Nee, functies kunnen niet rechtstreeks in de webopslag worden opgeslagen. U kunt de functiecode als string opslaan en gebruiken eval() om het opnieuw te maken, maar dit wordt over het algemeen niet aanbevolen vanwege veiligheidsrisico's.
3. Hoe ga ik om met cirkelverwijzingen in objecten?
4. Gebruik bibliotheken zoals Flatted of circular-json die zijn ontworpen om kringverwijzingen in JavaScript-objecten te verwerken.
5. Waar is de opslaglimiet voor localStorage?
6. De opslaglimiet voor localStorage is doorgaans ongeveer 5 MB, maar dit kan per browser variëren.
7. Kan ik gegevens comprimeren voordat ik ze opsla?
8. Ja, u kunt bibliotheken gebruiken zoals LZ-String om uw gegevens te comprimeren voordat u deze opslaat localStorage of sessionStorage.
9. Hoe sla ik een array van objecten op?
10. Converteer de array naar een JSON-tekenreeks met behulp van JSON.stringify() voordat u het opbergt localStorage of sessionStorage.
11. Is het veilig om gevoelige gegevens op te slaan? localStorage?
12. Nee, het is niet veilig om gevoelige gegevens op te slaan localStorage omdat het toegankelijk is via JavaScript en kan worden aangetast als de site wordt aangevallen.
13. Kan ik gebruiken localStorage over verschillende domeinen?
14. Nee, localStorage is beperkt tot dezelfde oorsprong, wat betekent dat het niet toegankelijk is via verschillende domeinen.
15. Wat gebeurt er als de gebruiker zijn browsergegevens wist?
16. Alle gegevens opgeslagen in localStorage En sessionStorage worden verwijderd als de gebruiker zijn browsergegevens wist.

Laatste gedachten over het beheren van objectopslag

Voor het effectief opslaan en ophalen van objecten in HTML5-webopslag moeten objecten naar JSON-tekenreeksen worden geconverteerd JSON.stringify() en ze vervolgens terug te parseren JSON.parse(). Deze methode zorgt ervoor dat de gegevens intact en bruikbaar blijven in verschillende browsersessies. Door deze technieken te begrijpen en te gebruiken, kunnen ontwikkelaars localStorage en sessionStorage inzetten voor complexere gegevensbeheertaken, waardoor de functionaliteit en prestaties van hun webapplicaties worden verbeterd.