PricingLoginStart free
JavaScript Academy · Les

De basis van JSON.parse en JSON.stringify

Zet objecten om naar JSON-tekenreeksen en terug; gebruik kort replacer/reviver en verwerk ongeldige invoer veilig

Les 1 van 38 stappen

De basis van JSON.parse en JSON.stringify is een gratis JavaScript Academy-les op CoddyKit. Dit is les 1 van 3. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject JavaScript Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus JavaScript Academy bevat in totaal 3 lessen.

Waarom JSON?

Doel: veilig serialiseren en parseren.

  • JSON.stringify → tekenreeks
  • JSON.parse ← tekenreeks
  • replacer/reviver (voorproefje)
  • Basistips voor veiligheid
De basis van JSON.parse en JSON.stringify — illustratie 1

stringify()

Gebruik JSON.stringify(value) om een JSON-tekenreeks te krijgen. Geef voor leesbaarheid een getal voor space mee (bijvoorbeeld 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);
De basis van JSON.parse en JSON.stringify — illustratie 2

parse()

JSON.parse(text) retourneert de waarde. De invoer moet een geldige JSON-tekenreeks zijn.

// 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);
De basis van JSON.parse en JSON.stringify — illustratie 3

Replacer (stringify)

Een replacer(key, value) kan velden uitsluiten of aanpassen tijdens het serialiseren (bijvoorbeeld om wachtwoorden te verbergen).

// 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);
De basis van JSON.parse en JSON.stringify — illustratie 4

Reviver (parse)

Een reviver(key, value) kan waarden tijdens het parseren omzetten (bijvoorbeeld tekenreeksen → 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);
De basis van JSON.parse en JSON.stringify — illustratie 5

Veiligheid en beperkingen

Tips:

  • Wikkel JSON.parse voor onbetrouwbare invoer in try/catch.
  • Gebruik replacer om gevoelige velden vóór het vastleggen in de log of delen te verwijderen.
  • JSON verliest functies en prototype-informatie; het serialiseert alleen gegevens.
De basis van JSON.parse en JSON.stringify — illustratie 6

Quiz over stringify en parse

Korte controle: een waarde serialiseren.

De basis van JSON.parse en JSON.stringify — illustratie 7
Beantwoord dit in de interactieve les

Samenvatting

Samenvatting: Zet waarden om met JSON.stringify/JSON.parse; gebruik een replacer om velden te filteren en een reviver om typen zoals Date te herstellen; voeg try/catch toe voor veiligheid.

De basis van JSON.parse en JSON.stringify — illustratie 8
Gratis beginnen

Leer JavaScript met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen
59
Lessen
200
Gratis beginnen met lerenBekijk de volledige cursus

Veelgestelde vragen

Is de les “De basis van JSON.parse en JSON.stringify” gratis?

Ja — je kunt hier op het web alle 3 lessen van het leerpad JavaScript Academy, waaronder “De basis van JSON.parse en JSON.stringify”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus JavaScript Academy bevat in totaal 3 lessen.

Wat leer ik in “De basis van JSON.parse en JSON.stringify”?

Zet objecten om naar JSON-tekenreeksen en terug; gebruik kort replacer/reviver en verwerk ongeldige invoer veilig Je oefent met JavaScript Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met JavaScript Academy te beginnen?

Ervaring vooraf is niet nodig. JavaScript Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 1 van 3.

Hoe lang duurt de les “De basis van JSON.parse en JSON.stringify”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over JavaScript Academy?

Ja. Elke les over JavaScript Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

  1. De basis van JSON.parse en JSON.stringify
  2. Structured cloning en URLSearchParams
  3. Strategieën voor veilig JSON parsen
← Terug naar JavaScript Academy