JSON (JavaScript objektu apzīmējums ) ir ērts datu koplietošanas veids. To ir viegli saprast gan cilvēkiem, gan datoriem. Programmā JavaScript JSON palīdz sakārtot datus vienkāršos objektos. Izpētīsim, kā darbojas JSON un kāpēc tas ir tik noderīgs informācijas apmaiņai.

JSON objekta sintakse:

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

JavaScript JSON objektu piemēri

1. piemērs: Šeit ir vienkārša JSON objekta izveides piemērs.

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

Paskaidrojums:

• { }> – Cirtaini breketes nosaka objektu.
• 'name'> , 'age'> , 'city' -> Tās ir objekta atslēgas (īpašības). Taustiņi vienmēr ir virknes.
• 'John'> , 30> , 'New York' -> Šīs ir atbilstošās vērtības, kas saistītas ar katru taustiņu.
• : -> Kols (:) atdala atslēgas un vērtības.
• , -> Komats(,) atdala dažādus atslēgu-vērtību pārus objektā.

2. Piekļuve JSON objektu vērtībām

• Objekta vērtībām var piekļūt, izmantojot punktu (.) apzīmējumu.
• Mēs varam arī piekļūt objektiem, izmantojot iekavu ([]) apzīmējumu.

Piemērs: Tālāk esošajā programmā mēs piekļūstam objektam, izmantojot . apzīmējums.

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 

Paskaidrojums: JavaScript kods definē objektu myOrder ar tādiem rekvizītiem kā produkta nosaukums, izmaksas un garantija. Tas piekļūst produkta nosaukumam un piešķir to “i”. Visbeidzot, tas konsolē reģistrē produkta nosaukumu Earbuds.

3. Cilpa caur JSON objektu

Cilpu var veikt divos veidos -

• Objekta cilpu var veikt, izmantojot rekvizītu for-in cilpu.
• Objekta cilpai mēs pat varam izmantot iekavas ([]) for-in cilpas rekvizītā.

Piemērs: Tālāk esošajā piemērā mēs piekļūstam cilpas objektam, izmantojot bracket [] apzīmējumu.

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 

Paskaidrojums: Kods inicializē objektu 'myOrder' ar produkta informāciju. Tas atkārtojas katrā rekvizītā, izmantojot cilpu “for-in”. Cilpas ietvaros tā piekļūst katrai rekvizīta vērtībai, izmantojot iekavu apzīmējumus, un reģistrē tos konsolē. Tiek izdrukātas austiņu vērtības 799 un 1 gads.

4. JSON teksta konvertēšana par JavaScript objektu

Lai pārveidotu JSON tekstu par JavaScript objektu, varat izmantot JSON.parse()> metodi .

Piemērs: Šis piemērs pārveido JSON par JavaSctipt objektu.

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 

Paskaidrojums:

• JSON.parse()> parsē JSON virkni, konstruējot ar virkni aprakstīto JavaScript vērtību vai objektu.
• Piemērā jsonString> ir JSON formatēta virkne.
• JSON.parse(jsonString)> pārvērš JSON virkni par JavaScript objektu, kas tiek saglabāts mainīgajā jsonObject> .
• Varat piekļūt JavaScript objekta rekvizītiem jsonObject> tāpat kā jebkurš cits JavaScript objekts.