Analisi Local Storage in javascript

[oBeta97]

Trascrizione appunti funzionamento della local storage in javascript

[MarcoCoscarelli]

La Local Storage è una funzionalità di Web Storage in JavaScript che permette di salvare dati sul browser dell'utente in modo persistente, ovvero i dati rimangono salvati anche dopo la chiusura del browser o il riavvio del computer. Local Storage è particolarmente utile per mantenere stato e preferenze dell'utente in applicazioni web senza necessità di un backend. Le caratteristiche principali della local storage sono la persistenza, la capacità di memorizzazione maggiore rispetto ai cookie e che i dati sono accessibili solo dal dominio che li a creati. UTILIZZO DELLA LOCAL STORAGE:

1. Salvare dati Per salvare dati in Local Storage, si usa il metodo setItem:

localStorage.setItem('chiave', 'valore'); Esempio:

localStorage.setItem('username', 'JohnDoe');

2. Recuperare dati Per recuperare dati da Local Storage, si usa il metodo getItem:

let valore = localStorage.getItem('chiave'); Esempio:

let username = localStorage.getItem('username'); console.log(username); // Output: JohnDoe

3. Rimuovere dati Per rimuovere dati da Local Storage, si usa il metodo removeItem:

localStorage.removeItem('chiave'); Esempio:

localStorage.removeItem('username');

4. Cancellare tutti i dati Per cancellare tutti i dati salvati in Local Storage, si usa il metodo clear:

localStorage.clear();

Esempio pratico Supponiamo di voler salvare il nome utente e il tema preferito in una applicazione web. Ecco come possiamo fare:

Salvare dati

function salvaPreferenze(username, tema) { localStorage.setItem('username', username); localStorage.setItem('tema', tema); console.log('Preferenze salvate!'); }

salvaPreferenze('JohnDoe', 'scuro'); Recuperare dati

function caricaPreferenze() { let username = localStorage.getItem('username'); let tema = localStorage.getItem('tema'); console.log(Benvenuto ${username}, tema attuale: ${tema}); }

caricaPreferenze(); Rimuovere dati

function rimuoviPreferenze() { localStorage.removeItem('username'); localStorage.removeItem('tema'); console.log('Preferenze rimosse!'); }

rimuoviPreferenze();