Wie kann ich JavaScript-Objekte in HTML5 localStorage und sessionStorage speichern und abrufen?

Objekte in HTML5 localStorage und sessionStorage speichern

Objekte werden in HTML5s localStorage oder sessionStorage nicht nativ unterstützt. Der Versuch, ein Objekt direkt zu speichern, führt dazu, dass es in eine Zeichenfolge serialisiert wird.

Um diese Einschränkung zu umgehen, ziehen Sie die folgende Problemumgehung in Betracht:

1. Stringifizieren Sie das Objekt: Bevor Sie das Objekt speichern, konvertieren Sie es mit JSON.stringify in einen JSON-String.
2. Speichern Sie das String: Weisen Sie den JSON-String einem Schlüssel in localStorage oder sessionStorage zu, indem Sie setItem('key', JSON_string) verwenden.
3. String abrufen: Rufen Sie beim Abrufen des Objekts den JSON ab string mit getItem('key').
4. String analysieren: Konvertieren Mit JSON.parse wurde eine Zeichenfolge mithilfe von JSON.parse zurück in ein Objekt abgerufen.

Beispiel:

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);

Mit dieser Technik können Sie JavaScript-Objekte in localStorage und sessionStorage speichern und abrufen, obwohl sie inhärente Zeichenfolgen enthalten. basierte Speichernatur.

Das obige ist der detaillierte Inhalt vonWie kann ich JavaScript-Objekte in HTML5 localStorage und sessionStorage speichern und abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!