JSON (JavaScript Object Notation ) je praktický způsob sdílení dat. Je to snadné pro lidi i počítače. V JavaScriptu pomáhá JSON organizovat data do jednoduchých objektů. Pojďme prozkoumat, jak JSON funguje a proč je tak užitečný pro výměnu informací.

Syntaxe objektu JSON:

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

Příklady objektů JavaScript JSON

Příklad 1: Zde je příklad vytvoření jednoduchého objektu JSON.

10 ze 40

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

Vysvětlení:

• { }>– Složené závorky definují objekt.
• 'name'>,'age'>,'city' ->Toto jsou klíče (vlastnosti) objektu. Klíče jsou vždy řetězce.
• 'John'>,30>,'New York' ->Toto jsou odpovídající hodnoty spojené s každým klíčem.
• : ->Dvojtečka(:) odděluje klíče a hodnoty.
• , ->Comma(,) odděluje různé páry klíč–hodnota v rámci objektu.

2. Přístup k hodnotám objektů JSON

• K hodnotám objektů lze přistupovat pomocí notace s tečkou (.).
• K objektům můžeme také přistupovat pomocí zápisu bracket([]).

Příklad: V níže uvedeném programu přistupujeme k objektu pomocí . 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>

Vysvětlení: Kód JavaScript definuje objekt `myOrder` s vlastnostmi, jako je název produktu, cena a záruka. Přistoupí k názvu produktu a přiřadí jej k „i“. Nakonec přihlásí název produktu Earbuds do konzole.

3. Smyčka přes objekt JSON

Smyčku lze provést dvěma způsoby –

• Smyčku objektu lze provést pomocí smyčky vlastnosti for-in.
• Pro opakování objektu můžeme dokonce použít závorky ([]) ve vlastnosti smyčky for-in.

Příklad: V níže uvedeném příkladu přistupujeme k cyklickému objektu pomocí zápisu bracket[].

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>

Vysvětlení: Kód inicializuje objekt `myOrder` s podrobnostmi o produktu. Iteruje každou vlastnost pomocí cyklu `for-in`. V rámci smyčky přistupuje ke každé hodnotě vlastnosti pomocí zápisu závorek a zaznamenává je do konzoly. Tím se vytisknou hodnoty sluchátek, 799 a 1 rok.

4. Převod textu JSON na objekt JavaScriptu

Chcete-li převést text JSON na objekt JavaScriptu, můžete použít JSON.parse()>metoda .

co to znamená xd

Příklad: Tento příklad převede 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>

Vysvětlení:

• JSON.parse()>analyzuje řetězec JSON a vytvoří hodnotu JavaScriptu nebo objekt popsaný řetězcem.
• V příkladujsonString>je řetězec ve formátu JSON.
• JSON.parse(jsonString)>převede řetězec JSON na objekt JavaScript, který je uložen v proměnnéjsonObject>.
• Můžete přistupovat k vlastnostem objektu JavaScriptjsonObject>stejně jako jakýkoli jiný objekt JavaScriptu.