Comment puis-je stocker et récupérer des objets JavaScript dans HTML5 localStorage et sessionStorage ?

Stockage d'objets dans HTML5 localStorage et sessionStorage

Les objets ne sont pas pris en charge de manière native dans localStorage ou sessionStorage de HTML5. Toute tentative de stockage direct d'un objet entraînera sa sérialisation en chaîne.

Pour contourner cette limitation, envisagez la solution de contournement suivante :

1. Stringifier l'objet : Avant de stocker l'objet, convertissez-le en chaîne JSON à l'aide de JSON.stringify.
2. Stockez le String : Attribuez la chaîne JSON à une clé dans localStorage ou sessionStorage à l'aide de setItem('key', JSON_string).
3. Récupérez la chaîne : Lors de la récupération de l'objet, obtenez le JSON chaîne en utilisant getItem('key').
4. Analyser la chaîne : Convertir la chaîne récupérée dans un objet à l'aide de JSON.parse.

Exemple :

const testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Stringify and store
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve and parse
const retrievedObject = JSON.parse(localStorage.getItem('testObject'));

console.log('Retrieved object:', retrievedObject);

Cette technique vous permet de stocker et de récupérer des objets JavaScript dans localStorage et sessionStorage malgré leur chaîne inhérente. nature de stockage basée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!