0Pricing
JavaScript Academy · Lezione

Basi di JSON.parse / JSON.stringify

Converti gli oggetti in stringhe JSON e viceversa; usi brevemente replacer/reviver e gestisci gli input non validi in modo sicuro.

Basi di JSON.parse / JSON.stringify è una lezione JavaScript Academy gratuita su CoddyKit. Questa è la lezione 1 di 3. 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 3 lezioni in totale.

Perché usare JSON?

Obiettivo: serializzare ed effettuare il parsing in sicurezza.

  • JSON.stringify → stringa
  • JSON.parse ← stringa
  • replacer/reviver (un assaggio)
  • Consigli di base per la sicurezza
Basi di JSON.parse / JSON.stringify — illustrazione 1

stringify()

Utilizzi JSON.stringify(value) per ottenere una stringa JSON. Per una maggiore leggibilità, passi un numero space (ad esempio, 2).

// Turn a value into a JSON string
const user = { name: "Ayla", score: 12, active: true };
const json = JSON.stringify(user);
console.log("json:", json);

// Optional: pretty-print with spaces (2)
const pretty = JSON.stringify(user, null, 2);
console.log("pretty:", pretty);
Basi di JSON.parse / JSON.stringify — illustrazione 2

parse()

JSON.parse(text) restituisce il valore. L'input deve essere una stringa JSON valida.

// Parse a JSON string back to a value
const raw = "{\"name\":\"Ayla\",\"score\":12,\"active\":true}";
const value = JSON.parse(raw);
console.log("name:", value.name, "score:", value.score);
Basi di JSON.parse / JSON.stringify — illustrazione 3

Replacer (stringify)

Un replacer(key, value) può escludere o modificare i campi durante la serializzazione (ad esempio, nascondere le password).

// Replacer: filter or transform keys during stringify
const account = { id: 7, password: "secret", role: "user" };

// Hide sensitive fields
function replacer(key, value) {
  if (key === "password") return undefined; // drop it
  return value;
}

const safeJson = JSON.stringify(account, replacer, 2);
console.log("safeJson:", safeJson);
Basi di JSON.parse / JSON.stringify — illustrazione 4

Reviver (parse)

Un reviver(key, value) può trasformare i valori durante il parsing (ad esempio, stringhe → Date).

// Reviver: convert specific strings back into richer types
const orderJson = "{\"when\":\"2024-06-01T10:00:00Z\",\"total\":25}";

function reviver(key, value) {
  if (key === "when" && typeof value === "string") {
    return new Date(value); // restore Date
  }
  return value;
}

const order = JSON.parse(orderJson, reviver);
console.log("is Date?", order.when instanceof Date);
console.log("total:", order.total);
Basi di JSON.parse / JSON.stringify — illustrazione 5

Sicurezza e limiti

Suggerimenti:

  • Inserisca JSON.parse in un blocco try/catch per gli input non attendibili.
  • Utilizzi replacer per eliminare i campi sensibili prima di registrare o condividere i dati.
  • JSON perde le funzioni e le informazioni sul prototipo; serializza solo i dati.
Basi di JSON.parse / JSON.stringify — illustrazione 6

Quiz su stringify e parse

Verifica rapida: serializzare un valore.

Basi di JSON.parse / JSON.stringify — illustrazione 7

Riepilogo

Riepilogo: converta i valori con JSON.stringify/JSON.parse; utilizzi un replacer per filtrare i campi e un reviver per ripristinare tipi come Date; aggiunga try/catch per maggiore sicurezza.

Basi di JSON.parse / JSON.stringify — illustrazione 8

Domande Frequenti

La lezione «Basi di JSON.parse / JSON.stringify» è gratuita?

Sì — il testo completo di «Basi di JSON.parse / JSON.stringify» è 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 3 lezioni in totale.

Cosa imparerò in «Basi di JSON.parse / JSON.stringify»?

Converti gli oggetti in stringhe JSON e viceversa; usi brevemente replacer/reviver e gestisci gli input non validi in modo sicuro. 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 3.

Quanto tempo richiede la lezione «Basi di JSON.parse / JSON.stringify»?

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

  1. Basi di JSON.parse / JSON.stringify
  2. Clonazione strutturata e URLSearchParams
  3. Strategie per un parsing sicuro del JSON
← Torna a JavaScript Academy