În acest tutorial, veți afla despre JSON și cum este utilizat JavaScript cu JSON cu ajutorul unor exemple.
JSON înseamnă Javascript Object Notation. JSON este un format de date bazat pe text care este utilizat pentru a stoca și transfera date. De exemplu,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
În JSON, datele sunt în perechi cheie / valoare separate prin virgulă ,.
JSON a fost derivat din JavaScript. Deci, sintaxa JSON seamănă cu sintaxa literală a obiectului JavaScript. Cu toate acestea, formatul JSON poate fi accesat și creat de alte limbaje de programare.
Notă : obiectele JavaScript și JSON nu sunt aceleași. Veți afla despre diferențele lor mai târziu în acest tutorial.
Date JSON
Datele JSON constau din perechi cheie / valoare similare cu proprietățile obiectului JavaScript. Cheia și valorile sunt scrise între ghilimele separate prin două puncte :. De exemplu,
// JSON data "name": "John"
Notă : datele JSON necesită ghilimele duble pentru cheie.
Obiect JSON
Obiectul JSON este scris în interiorul acoladelor ( ). Obiectele JSON pot conține mai multe perechi cheie / valoare . De exemplu,
// JSON object ( "name": "John", "age": 22 )
Matrice JSON
Matricea JSON este scrisă între paranteze drepte ( ). De exemplu,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Notă : datele JSON pot conține obiecte și tablouri. Cu toate acestea, spre deosebire de obiectele JavaScript, datele JSON nu pot conține funcții ca valori.
Accesarea datelor JSON
Puteți accesa datele JSON folosind notația punct. De exemplu,
// JSON object const data = ( "name": "John", "age": 22, "hobby": ( "reading" : true, "gaming" : false, "sport" : "football" ), "class" : ("JavaScript", "HTML", "CSS") ) // accessing JSON object console.log(data.name); // John console.log(data.hobby); // ( gaming: false, reading: true, sport: "football") console.log(data.hobby.sport); // football console.log(data.class(1)); // HTML
Folosim .notația pentru a accesa datele JSON. Sintaxa sa este:variableName.key
De asemenea, puteți utiliza sintaxa parantezei pătrate ()pentru a accesa datele JSON. De exemplu,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
Obiecte JavaScript VS JSON
Deși sintaxa JSON este similară cu obiectul JavaScript, JSON este diferit de obiectele JavaScript.
| JSON | Obiect JavaScript |
|---|---|
| Cheia din perechea cheie / valoare trebuie să fie între ghilimele duble. | Cheia din perechea cheie / valoare poate fi fără ghilimele duble. |
| JSON nu poate conține funcții. | Obiectele JavaScript pot conține funcții. |
| JSON poate fi creat și utilizat de alte limbaje de programare. | Obiectele JavaScript pot fi utilizate numai în JavaScript. |
Conversia JSON în obiect JavaScript
Puteți converti datele JSON într-un obiect JavaScript utilizând funcția încorporată JSON.parse(). De exemplu,
// json object const jsonData = '( "name": "John", "age": 22 )'; // converting to JavaScript object const obj = JSON.parse(jsonData); // accessing the data console.log(obj.name); // John
Conversia obiectului JavaScript în JSON
De asemenea, puteți converti obiecte JavaScript în format JSON utilizând funcția încorporată JavaScript JSON.stringify(). De exemplu,
// JavaScript object const jsonData = ( "name": "John", "age": 22 ); // converting to JSON const obj = JSON.stringify(jsonData); // accessing the data console.log(obj); // "("name":"John","age":22)"
Utilizarea JSON
JSON este formatul cel mai frecvent utilizat pentru transmiterea datelor (schimbul de date) de la un server la un client și viceversa. Datele JSON sunt foarte ușor de analizat și de utilizat. Este rapid să accesați și să manipulați datele JSON deoarece acestea conțin doar texte.
JSON este independent de limbă. Puteți crea și utiliza JSON și în alte limbaje de programare.
