Bevezetés a JSON formátumba JavaScriptben

Időnként szükség lehet egy adatstruktúra, például egy tömb vagy objektum sztringgé alakítására. Erre azért lehet szükség, hogy például elküldjük ezt a struktúrát az interneten keresztül, vagy elmentsük valamilyen tárolóba.

Erre kifejlesztették a JavaScriptben a speciális JSON formátumot.

A JSON formátum két struktúra egyikét tartalmazhatja: vagy egy tömböt, vagy egy kulcs-érték párokkal rendelkező objektumot. A tömbök és objektumok ugyanúgy épülnek fel, mint a JavaScriptben, de van egy korlátozás: minden sztring és az objektumok sztring kulcsai dupla idézőjelek közé kell, hogy kerüljenek.

Készítsünk például egy olyan sztringet, amely egy JSON formátumú tömböt tartalmaz:

javascriptlet json = '[1, 2, 3, 4, 5, "a", "b"]';

Most készítsünk egy olyan sztringet, amely egy JSON formátumú objektumot tartalmaz:

javascriptlet json = `{
  "a": "aaa",
  "b": "bbb",
  "c": "ccc",
  "111": "ddd"
}`;

Ezeket a struktúrákat tetszőlegesen kombinálhatjuk:

javascriptlet json = `[
  {
    "a": "aaa",
    "b": "bbb"
  },
  {
    "c": "ccc",
    "d": "ddd"
  }
]`;

A JavaScript struktúráitól eltérően a JSON-ban nem megengedettek a vesszők a tömbök és objektumok utolsó elemei után:

javascriptlet json = '[1, 2, 3, 4, 5,]'; // helytelen
let json = '[1, 2, 3, 4, 5]';  // helyes

A számok és sztringek mellett az elemek lehetnek true, false és null értékek is:

javascriptlet json = '[null, true, false]';

javascriptlet arr = [1, 2, 3, 'a', 'b', 'c'];

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 'eee',
  d: true,
};

javascriptlet obj = {
  a: ['a', 'b', 'c',],
  b: '111',
  c: 'eee',
};