Esercizi Local Storage JavaScript

Codegrind Team•Jul 12 2024

Esercizio 1: Salvare un valore

Salvare un valore nel Local Storage.

localStorage.setItem("chiave", "valore");
console.log(localStorage.getItem("chiave")); // 'valore'

Esercizio 2: Recuperare un valore

Recuperare un valore dal Local Storage.

localStorage.setItem("chiave", "valore");
const valore = localStorage.getItem("chiave");
console.log(valore); // 'valore'

Esercizio 3: Rimuovere un valore

Rimuovere un valore dal Local Storage.

localStorage.setItem("chiave", "valore");
localStorage.removeItem("chiave");
console.log(localStorage.getItem("chiave")); // null

Esercizio 4: Salvare un oggetto

Salvare un oggetto come stringa JSON nel Local Storage.

const utente = { nome: "Alice", età: 25 };
localStorage.setItem("utente", JSON.stringify(utente));
console.log(localStorage.getItem("utente")); // '{"nome":"Alice","età":25}'

Esercizio 5: Recuperare un oggetto

Recuperare un oggetto dal Local Storage e convertirlo da JSON a oggetto JavaScript.

const utente = { nome: "Alice", età: 25 };
localStorage.setItem("utente", JSON.stringify(utente));
const utenteSalvato = JSON.parse(localStorage.getItem("utente"));
console.log(utenteSalvato); // { nome: 'Alice', età: 25 }

Esercizio 6: Verificare l’esistenza di una chiave

Verificare se una chiave esiste nel Local Storage.

localStorage.setItem("chiave", "valore");
const esiste = localStorage.getItem("chiave") !== null;
console.log(esiste); // true

localStorage.removeItem("chiave");
const nonEsiste = localStorage.getItem("chiave") === null;
console.log(nonEsiste); // true

Esercizio 7: Salvare più valori

Salvare più valori nel Local Storage e recuperarli.

localStorage.setItem("nome", "Alice");
localStorage.setItem("età", "25");
const nome = localStorage.getItem("nome");
const età = localStorage.getItem("età");
console.log(nome); // 'Alice'
console.log(età); // '25'

Esercizio 8: Pulire il Local Storage

Rimuovere tutti i valori dal Local Storage.

localStorage.setItem("chiave1", "valore1");
localStorage.setItem("chiave2", "valore2");
localStorage.clear();
console.log(localStorage.getItem("chiave1")); // null
console.log(localStorage.getItem("chiave2")); // null