Wie speichere und rufe ich JavaScript-Arrays ordnungsgemäß in LocalStorage ab?

So speichern Sie ein Array in LocalStorage

Bei der Arbeit mit Arrays in JavaScript gibt es Szenarien, in denen persistenter Speicher erforderlich ist, um Daten über die Lebensdauer einer einzelnen Seite hinaus zu verwalten laden. LocalStorage bietet für diesen Zweck eine praktische Lösung, seine einzigartigen Eigenschaften erfordern jedoch einen speziellen Ansatz zum Speichern von Arrays.

Im angegebenen Codeausschnitt wird versucht, ein Array mithilfe der Syntax localStorage[Namen] direkt in localStorage zu speichern ]. Dieser Ansatz ist jedoch falsch, da localStorage nur Zeichenfolgen unterstützt. Um diese Einschränkung zu überwinden, besteht die Lösung darin, das Array mit JSON.stringify() in einen String zu konvertieren, bevor es in localStorage gespeichert wird.

Hier ist der korrigierte Code:

// Convert the array to a string using JSON.stringify()
var namesString = JSON.stringify(names);

// Store the string in localStorage
localStorage.setItem("names", namesString);

//...

// Retrieve the stored string from localStorage
var storedNamesString = localStorage.getItem("names");

// Convert the string back to an array using JSON.parse()
var storedNames = JSON.parse(storedNamesString);

Alternativ: a Ein prägnanterer Ansatz besteht darin, den direkten Zugriff zum Festlegen und Abrufen von Elementen im lokalen Speicher zu verwenden, wie unten gezeigt:

// Convert the array to a string using JSON.stringify()
localStorage.names = JSON.stringify(names);

// Retrieve the stored string from localStorage
var storedNames = JSON.parse(localStorage.names);

Durch die Verwendung Mit JSON.stringify() und JSON.parse() können Sie Arrays effektiv in localStorage speichern und abrufen und so eine dauerhafte Speicherung Ihrer Daten gewährleisten.

Das obige ist der detaillierte Inhalt vonWie speichere und rufe ich JavaScript-Arrays ordnungsgemäß in LocalStorage ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!