Przejdź do treści głównej
INF.03Frontend & JS

Pamięć przeglądarki (localStorage i sessionStorage)

Interfejs przeglądarki umożliwiający bezpieczne przechowywanie par klucz-wartość (stringów) po stronie klienta o pojemności ok. 5-10 MB.

localStorage vs sessionStorage:

  • localStorage – dane są przechowywane trwale, nie wygasają po zamknięciu karty ani przeglądarki.
  • sessionStorage – dane są usuwane natychmiast po zamknięciu karty/okna przeglądarki.
JAVASCRIPT
// Zapisywanie danych:
localStorage.setItem('motyw', 'ciemny');
localStorage.setItem('uzytkownik', JSON.stringify({ id: 1, login: 'anna' }));

// Odczytywanie danych:
const motyw = localStorage.getItem('motyw');
const uzytkownik = JSON.parse(localStorage.getItem('uzytkownik'));

// Usuwanie danych:
localStorage.removeItem('motyw');
localStorage.clear(); // Usunięcie wszystkich danych domeny

Najczęstsze pułapki na egzaminie INF.03:

  • Obiekt Storage przechowuje wyłącznie ciągi znaków (stringi). Aby zapisać obiekt lub tablicę, musisz użyć JSON.stringify(), a przy odczycie JSON.parse().

Chcesz sprawdzić to pojęcie w praktyce?

Przeszukaj pytania z oficjalnych arkuszy CKE powiązane z hasłem Pamięć przeglądarki (localStorage i sessionStorage) lub rozpocznij trening.