Objekti JavaScript JSON

JSON (Zapis predmeta JavaScript ) je priročen način za skupno rabo podatkov. Razumejo ga tako ljudje kot računalniki. V JavaScriptu JSON pomaga organizirati podatke v preproste objekte. Raziščimo, kako JSON deluje in zakaj je tako uporaben za izmenjavo informacij.

Sintaksa objekta JSON:

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

Primeri objektov JavaScript JSON

Primer 1: Tukaj je primer ustvarjanja preprostega predmeta JSON.

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

Pojasnilo:

  • { }> – Zavit oklepaj določa predmet.
  • 'name'> , 'age'> , 'city' -> To so ključi (lastnosti) predmeta. Ključi so vedno nizi.
  • 'John'> , 30> , 'New York' -> To so ustrezne vrednosti, povezane z vsakim ključem.
  • : -> Dvopičje(:) ločuje ključe in vrednosti.
  • , -> Vejica(,) ločuje različne pare ključ-vrednost znotraj predmeta.

2. Dostopanje do vrednosti predmeta JSON

  • Do vrednosti objekta lahko dostopate z uporabo zapisa pika (.).
  • Do objektov lahko dostopamo tudi z zapisom oklepaj ([]).

primer: V spodnjem programu dostopamo do objekta z uporabo. zapis.

Javascript
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); 

Izhod
Earbuds 

Pojasnilo: Koda JavaScript definira objekt `myOrder` z lastnostmi, kot so ime izdelka, cena in garancija. Dostopi do imena izdelka in ga dodeli `i`. Končno zapiše ime izdelka Earbuds v konzolo.

3. Zanka skozi objekt JSON

Looping je mogoče izvesti na dva načina –

  • Zanko objekta lahko izvedete z uporabo zanke lastnosti for-in.
  • Za zanko objekta lahko uporabimo celo oklepaje ([]) v lastnosti zanke for-in.

primer: V spodnjem primeru dostopamo do predmeta v zanki z zapisom oklepaj [].

Javascript
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]); } 

Izhod
earbuds 799 1 year 

Pojasnilo: Koda inicializira objekt `myOrder` s podrobnostmi o izdelku. Ponavlja vsako lastnost z uporabo zanke `za-in`. Znotraj zanke dostopa do vsake vrednosti lastnosti z zapisom v oklepajih in jih beleži v konzolo. To natisne vrednosti ušesnih čepkov, 799 in 1 leto.

4. Pretvarjanje besedila JSON v objekt JavaScript

Če želite pretvoriti besedilo JSON v objekt JavaScript, lahko uporabite JSON.parse()> metoda .

primer: Ta primer pretvori JSON v objekt JavaSctipt.

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

Izhod
John 30 

Pojasnilo:

  • JSON.parse()> razčleni niz JSON in sestavi vrednost JavaScript ali predmet, ki ga opisuje niz.
  • V primeru, jsonString> je niz v formatu JSON.
  • JSON.parse(jsonString)> pretvori niz JSON v objekt JavaScript, ki je shranjen v spremenljivki jsonObject> .
  • Dostopate lahko do lastnosti objekta JavaScript jsonObject> tako kot kateri koli drug objekt JavaScript.