JavaScript Academy · Lezione

Salvare e leggere i dati

Usi setItem, getItem e removeItem.

Salvare e leggere i dati è una lezione JavaScript Academy gratuita su CoddyKit. Questa è la lezione 1 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento JavaScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso JavaScript Academy include 4 lezioni in totale.

Archiviazione chiave-valore nel browser

Web Storage offre a ogni origine un semplice archivio chiave-valore nel browser. Le due API, localStorage e sessionStorage, condividono gli stessi metodi e memorizzano solo stringhe.

Scrittura con setItem

Salvi un valore con setItem(key, value). Entrambi gli argomenti sono stringhe.

localStorage.setItem("theme", "dark");
localStorage.setItem("username", "ada");

Lettura con getItem

Recuperi un valore con getItem(key). Se la chiave non esiste, restituisce null, non undefined.

const theme = localStorage.getItem("theme"); // "dark"
const missing = localStorage.getItem("nope"); // null

Accesso tramite proprietà

Può anche leggere e scrivere come se accedesse a proprietà di un oggetto, ma la forma basata sui metodi è più chiara ed evita conflitti con i nomi integrati. Preferisca i metodi.

localStorage.theme = "light";       // works
console.log(localStorage.theme);    // "light"

Rimozione di un elemento

Elimini una singola voce con removeItem(key). Rimuovere una chiave inesistente non produce effetti e non causa errori.

localStorage.removeItem("username");

Eliminazione completa

clear() elimina tutte le chiavi dell'origine corrente. Lo utilizzi con cautela: non è possibile annullare l'operazione.

localStorage.clear();

Tutto è una stringa

Lo storage contiene solo stringhe. Numeri e valori booleani vengono convertiti in testo. Quando li legge, li ottiene come stringhe e deve convertirli secondo necessità.

localStorage.setItem("count", 5);
const n = localStorage.getItem("count"); // "5" (string)
const num = Number(n);                    // 5

Conteggio delle chiavi

La proprietà length indica quante chiavi sono memorizzate, mentre key(index) restituisce il nome della chiave in una determinata posizione. È utile per scorrere le chiavi.

console.log(localStorage.length);
const firstKey = localStorage.key(0);

Scorrimento dello storage

Scorra tutte le chiavi memorizzate utilizzando length e key(). Legga ogni valore durante lo scorrimento.

for (let i = 0; i < localStorage.length; i++) {
  const k = localStorage.key(i);
  console.log(k, localStorage.getItem(k));
}

Verifica dell'esistenza

Poiché una chiave mancante restituisce null, può verificarne la presenza con un semplice confronto.

if (localStorage.getItem("token") !== null) {
  console.log("user has a token");
}

Solo per la stessa origine

Lo storage è associato all'origine (schema + host + porta). Un sito non può leggere lo storage di un altro sito e http e https sono considerati origini diverse.

Verifica rapida

Lettura e scrittura di Web Storage.

Riepilogo

Web Storage è un archivio chiave-valore di stringhe, separato per ogni origine. Utilizzi setItem, getItem (restituisce null se la chiave è assente), removeItem e clear. Scorra gli elementi con length e key(i). Tutto è una stringa, quindi deve convertire personalmente i tipi; inoltre, lo storage è isolato per origine.

Domande Frequenti

La lezione «Salvare e leggere i dati» è gratuita?

Sì — il testo completo di «Salvare e leggere i dati» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso JavaScript Academy, passa a CoddyKit PRO. Il corso JavaScript Academy include 4 lezioni in totale.

Cosa imparerò in «Salvare e leggere i dati»?

Usi setItem, getItem e removeItem. Eserciti JavaScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare JavaScript Academy?

Non è richiesta alcuna esperienza precedente. JavaScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 4.

Quanto tempo richiede la lezione «Salvare e leggere i dati»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione JavaScript Academy?

Sì. Ogni lezione JavaScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

← Torna a JavaScript Academy