logo

Obiecte JavaScript JSON

JSON (JavaScript Object Notation ) este o modalitate la îndemână de a partaja date. Este ușor de înțeles atât pentru oameni, cât și pentru computere. În JavaScript, JSON ajută la organizarea datelor în obiecte simple. Să explorăm cum funcționează JSON și de ce este atât de util pentru schimbul de informații.

Sintaxa obiectului JSON:

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

Exemple de obiecte JSON JavaScript

Exemplul 1: Iată un exemplu de creare a unui obiect JSON simplu.



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

Explicaţie:

  • { }>– Acolade definesc obiectul.
  • 'name'>,'age'>,'city' ->Acestea sunt cheile (proprietățile) obiectului. Cheile sunt întotdeauna șiruri.
  • 'John'>,30>,'New York' ->Acestea sunt valorile corespunzătoare asociate fiecărei chei.
  • : ->Colon(:) separă cheile și valorile.
  • , ->Virgulă(,) separă diferite perechi cheie-valoare din obiect.

2. Accesarea valorilor obiectelor JSON

  • Valorile obiectului pot fi accesate folosind notația punct (.).
  • De asemenea, putem accesa obiecte folosind notația bracket([]).

Exemplu: În programul de mai jos, accesăm obiectul folosind . notaţie.

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

Ieșire
Earbuds>

Explicaţie: Codul JavaScript definește un obiect „myOrder” cu proprietăți precum numele produsului, costul și garanția. Acesta accesează numele produsului și îl atribuie lui „i”. În cele din urmă, înregistrează numele produsului Earbuds pe consolă.



3. Buclă prin obiectul JSON

Loopingul se poate face în două moduri -

  • Circularea în buclă a unui obiect poate fi realizată utilizând o proprietate pentru bucla de intrare.
  • Pentru a bucla un obiect putem folosi chiar paranteze ([]) în proprietatea buclă for-in.

Exemplu: În exemplul de mai jos, accesăm un obiect în buclă folosind notația bracket[].

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

Ieșire
earbuds 799 1 year>

Explicaţie: Codul inițializează un obiect `myOrder` cu detalii despre produs. Iterează peste fiecare proprietate folosind o buclă `for-in`. În cadrul buclei, accesează fiecare valoare de proprietate folosind notația paranteze și le înregistrează în consolă. Aceasta tipărește valorile căștilor, 799 și 1 an.



4. Convertirea unui text JSON într-un obiect JavaScript

Pentru a converti un text JSON într-un obiect JavaScript, puteți utiliza JSON.parse()>metodă .

Exemplu: Acest exemplu convertește JSON în obiect 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>

Ieșire
John 30>

Explicaţie:

  • JSON.parse()>parsează un șir JSON, construind valoarea sau obiectul JavaScript descris de șir.
  • În exemplu,jsonString>este un șir formatat în JSON.
  • JSON.parse(jsonString)>convertește șirul JSON într-un obiect JavaScript, care este stocat în variabilăjsonObject>.
  • Puteți accesa proprietățile obiectului JavaScriptjsonObject>la fel ca orice alt obiect JavaScript.