Esercizi Session Storage JavaScript
Esercizio 1: Salvare un valore
Salvare un valore nel Session Storage.
sessionStorage.setItem("chiave", "valore");console.log(sessionStorage.getItem("chiave")); // 'valore'
Esercizio 2: Recuperare un valore
Recuperare un valore dal Session Storage.
sessionStorage.setItem("chiave", "valore");const valore = sessionStorage.getItem("chiave");console.log(valore); // 'valore'
Esercizio 3: Rimuovere un valore
Rimuovere un valore dal Session Storage.
sessionStorage.setItem("chiave", "valore");sessionStorage.removeItem("chiave");console.log(sessionStorage.getItem("chiave")); // null
Esercizio 4: Salvare un oggetto
Salvare un oggetto come stringa JSON nel Session Storage.
const utente = { nome: "Alice", età : 25 };sessionStorage.setItem("utente", JSON.stringify(utente));console.log(sessionStorage.getItem("utente")); // '{"nome":"Alice","età ":25}'
Esercizio 5: Recuperare un oggetto
Recuperare un oggetto dal Session Storage e convertirlo da JSON a oggetto JavaScript.
const utente = { nome: "Alice", età : 25 };sessionStorage.setItem("utente", JSON.stringify(utente));const utenteSalvato = JSON.parse(sessionStorage.getItem("utente"));console.log(utenteSalvato); // { nome: 'Alice', età : 25 }
Esercizio 6: Verificare l’esistenza di una chiave
Verificare se una chiave esiste nel Session Storage.
sessionStorage.setItem("chiave", "valore");const esiste = sessionStorage.getItem("chiave") !== null;console.log(esiste); // true
sessionStorage.removeItem("chiave");const nonEsiste = sessionStorage.getItem("chiave") === null;console.log(nonEsiste); // true
Esercizio 7: Salvare più valori
Salvare più valori nel Session Storage e recuperarli.
sessionStorage.setItem("nome", "Alice");sessionStorage.setItem("età ", "25");const nome = sessionStorage.getItem("nome");const età = sessionStorage.getItem("età ");console.log(nome); // 'Alice'console.log(età ); // '25'
Esercizio 8: Pulire il Session Storage
Rimuovere tutti i valori dal Session Storage.
sessionStorage.setItem("chiave1", "valore1");sessionStorage.setItem("chiave2", "valore2");sessionStorage.clear();console.log(sessionStorage.getItem("chiave1")); // nullconsole.log(sessionStorage.getItem("chiave2")); // null