Javascript: localStorage, attenzione al formato stringa

Mentre sistemavo l'articolo della fase lunare, mi sono imbattuto in un problema con il localStorage.

Per chi non lo sapesse, il localStorage è un'area dove si possono memorizzare i dati nel browser. Il funzionamento è simile al cookie, ma può funzionare anche senza usare i cookie.

// Memorizzare una chiave chiamata "chiave1" che ha un certo "valore" in formato stringa.
localStorage.setItem("chiave1", "valore");

// Memorizzare il valore stringa "true" oppure "false" di una checkbox.
localStorage.setItem("chiave2", document.getElementById("mia_checkbox").checked);

// Recuperare un valore. NOTA: e' una stringa!
localStorage.getItem("chiave2");

// Convertire il valore stringa in un booleano
let booleano = (localStorage.getItem("chiave2") === "true" ? true : false);

if (booleano) {
  // TODO
}
else {
  // TODO
}

Come si può vedere dagli esempi sopra, è facile utilizzare il localStorage. Bisogna però considerare che il localStorage viene sempre memorizzato come una stringa. Se si vuole ad esempio memorizzare un booleano, bisogna poi ricordarsi di effettuare un test (con un ternario) per poter ottenere il valore booleano.

Nell'articolo della fase lunare ho usato il localStorage per permettere il salvataggio di quale emisfero vedere (nord o sud). Bisogna però attivare i cookie funzionali, altrimenti il dato non viene memorizzato. I cookie, però, non sono legati al localStorage.

2023
16 dic