JSON (JavaScript Object Notation ) je praktický spôsob zdieľania údajov. Je to ľahké pre ľudí aj pre počítače. V JavaScripte pomáha JSON organizovať údaje do jednoduchých objektov. Poďme preskúmať, ako JSON funguje a prečo je taký užitočný na výmenu informácií.

Syntax objektu JSON:

const jsonData = { 'key1' : 'value1', ... };>

Príklady objektov JavaScript JSON

Príklad 1: Tu je príklad vytvorenia jednoduchého objektu JSON.

const person = {  'name': 'John',  'age': 30,  'city': 'New York' };>

Vysvetlenie:

• { }>– Zložené zátvorky definujú objekt.
• 'name'>,'age'>,'city' ->Toto sú kľúče (vlastnosti) objektu. Kľúče sú vždy reťazce.
• 'John'>,30>,'New York' ->Toto sú zodpovedajúce hodnoty spojené s každým kľúčom.
• : ->Dvojbodka (:) oddeľuje kľúče a hodnoty.
• , ->Comma(,) oddeľuje rôzne páry kľúč – hodnota v rámci objektu.

2. Prístup k hodnotám objektu JSON

• K hodnotám objektu je možné pristupovať pomocou bodkového (.) zápisu.
• K objektom môžeme pristupovať aj pomocou zápisu zátvoriek ([]).

Príklad: V nižšie uvedenom programe pristupujeme k objektu pomocou . notový zápis.

let myOrder, i; // Object is created with name myOrder myOrder = {  'name_of_the_product': 'Earbuds',  'cost': '799',  'warranty': '1 year ' }; // Accessing for particular detail // from object myOrder i = myOrder.name_of_the_product; // It prints the detail of name // of the product console.log(i);>

Earbuds>

Vysvetlenie: Kód JavaScript definuje objekt „myOrder“ s vlastnosťami, ako je názov produktu, cena a záruka. Pristúpi k názvu produktu a priradí ho k „i“. Nakoniec prihlási názov produktu Earbuds do konzoly.

3. Slučovanie cez objekt JSON

Slučovanie je možné vykonať dvoma spôsobmi –

• Slučovanie objektu je možné vykonať pomocou slučky vlastností for-in.
• Na zacyklenie objektu môžeme dokonca použiť zátvorky ([]) vo vlastnosti cyklu for-in.

Príklad: V nižšie uvedenom príklade pristupujeme k cyklickému objektu pomocou zápisu zátvorka[].

let myOrder, a; myOrder = {  'name_of_product': 'earbuds',  'cost': '799',  'warranty': '1 year' }; for (a in myOrder) {  // Accessing object in looping  // using bracket notation  console.log(myOrder[a]); }>

earbuds 799 1 year>

Vysvetlenie: Kód inicializuje objekt `myOrder` s podrobnosťami o produkte. Iteruje každú vlastnosť pomocou cyklu „for-in“. V rámci cyklu pristupuje ku každej hodnote vlastnosti pomocou zápisu zátvoriek a zaznamenáva ich do konzoly. Týmto sa vytlačia hodnoty slúchadiel, 799 a 1 rok.

4. Konverzia textu JSON na objekt JavaScript

Ak chcete previesť text JSON na objekt JavaScript, môžete použiť JSON.parse()>metóda .

Príklad: Tento príklad konvertuje JSON na JavaSctipt Object.

const jsonString = '{'name': 'John', 'age': 30}'; const jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // Output: John console.log(jsonObject.age); // Output: 30>

John 30>

Vysvetlenie:

• JSON.parse()>analyzuje reťazec JSON, pričom vytvorí hodnotu JavaScript alebo objekt opísaný reťazcom.
• V príkladejsonString>je reťazec vo formáte JSON.
• JSON.parse(jsonString)>konvertuje reťazec JSON na objekt JavaScript, ktorý je uložený v premennejjsonObject>.
• Môžete pristupovať k vlastnostiam objektu JavaScriptjsonObject>ako každý iný objekt JavaScript.