Esercizi Session Storage JavaScript
Codegrind Team•Jul 12 2024
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")); // null
console.log(sessionStorage.getItem("chiave2")); // null