Beides sind Möglichkeiten Daten temporär im Browser zu hinterlegen.
Alle Werte werden als Strings gespeichert und müssen vor dem Speichern ( JSON.stringify() ) und nach dem Laden ( JSON.parse() ) eventuell konvertiert werden.
| Feature | localStorage | sessionStorage |
|---|---|---|
| Speicherdauer | Permanent (bleibt auch nach Browser-Schließen) | Nur während der Browser-Session |
| Speicherort | Browser | Browser |
| Speichergröße | Ca. 5–10 MB | Ca. 5–10 MB |
| Scope | Domainweit – jede Domain hat ihren eigenen Storage | Tab-/Fenster-bezogen – wird nicht geteilt) – verschwindet beim Schließen |
Der Zugriff erfolgt beiden Optionen identisch:
setItem(key, value) → Wert speichern
getItem(key) → Wert lesen
removeItem(key) → einzelnen Wert löschen
clear() → alle Werte der Domain löschen
key(index) → Key an bestimmtem Index auslesen | Gleich wie localStorage
// f.e. localStorage.setItem("User", "["Heiner","Kunze","34"])