JSON and Data Shapes

JSON Stringify

Convert a small object shape into text.

json-stringify `JSON.stringify` turns a JavaScript value into JSON text. JSON text is useful for storing or sending structured data.

JSON Stringify

count
json_stringify.js
Replay: real traced execution (multi-file project)
const count = 2;
const json = JSON.stringify({ item: "book", count: count });

console.log("count=" + count);
console.log("json=" + json);

const count = 5;
const json = JSON.stringify({ item: "book", count: count });

console.log("count=" + count);
console.log("json=" + json);

const count = 9;
const json = JSON.stringify({ item: "book", count: count });

console.log("count=" + count);
console.log("json=" + json);

  1. count ← 2, json ← {"item":"book","count":2}

    1const count→ 2 = 2; //@count=5, 92const json→ {"item":"book","count":2} = JSON.stringify({ item: "book", count: count2 });34console.log("count=" + count2);5console.log("json=" + json{"item":"book","count":2});
    outputcount=2
json={"item":"book","count":2}

  1. count ← 5, json ← {"item":"book","count":5}

    1const count→ 5 = 5;2const json→ {"item":"book","count":5} = JSON.stringify({ item: "book", count: count5 });34console.log("count=" + count5);5console.log("json=" + json{"item":"book","count":5});
    outputcount=5
json={"item":"book","count":5}

  1. count ← 9, json ← {"item":"book","count":9}

    1const count→ 9 = 9;2const json→ {"item":"book","count":9} = JSON.stringify({ item: "book", count: count9 });34console.log("count=" + count9);5console.log("json=" + json{"item":"book","count":9});
    outputcount=9
json={"item":"book","count":9}