Šajā apmācībā jūs uzzināsit par JSON un to, kā JavaScript tiek izmantots ar JSON, izmantojot piemērus.
JSON nozīmē Javascript Object Notation. JSON ir teksta datu formāts, ko izmanto datu glabāšanai un pārsūtīšanai. Piemēram,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
JSON dati ir atslēgu / vērtību pāros, atdalīti ar komatu ,.
JSON tika iegūts no JavaScript. Tātad JSON sintakse atgādina JavaScript objekta burtisko sintaksi. Tomēr JSON formātam var piekļūt, un to var izveidot arī citas programmēšanas valodas.
Piezīme : JavaScript objekti un JSON nav vienādi. Par viņu atšķirībām uzzināsiet vēlāk šajā apmācībā.
JSON dati
JSON dati sastāv no atslēgu / vērtību pāriem, kas līdzīgi JavaScript objekta īpašībām. Atslēga un vērtības tiek rakstītas divās pēdiņās, atdalītas ar kolu :. Piemēram,
// JSON data "name": "John"
Piezīme : JSON datiem atslēgai ir nepieciešamas pēdiņas.
JSON objekts
JSON objekts ir ierakstīts cirtaini iekavās ( ). JSON objektos var būt vairāki atslēgu / vērtību pāri. Piemēram,
// JSON object ( "name": "John", "age": 22 )
JSON masīvs
JSON masīvs ir ierakstīts kvadrātiekavās ( ). Piemēram,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Piezīme : JSON datos var būt objekti un masīvi. Tomēr atšķirībā no JavaScript objektiem JSON datos funkcijas nevar būt kā vērtības.
Piekļuve JSON datiem
JSON datiem varat piekļūt, izmantojot punktu apzīmējumu. Piemēram,
// 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
Mēs izmantojam .apzīmējumu, lai piekļūtu JSON datiem. Tās sintakse ir:variableName.key
Varat arī izmantot kvadrātiekavas sintaksi, ()lai piekļūtu JSON datiem. Piemēram,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
JavaScript objekti VS JSON
Lai gan JSON sintakse ir līdzīga JavaScript objektam, JSON atšķiras no JavaScript objektiem.
| JSON | JavaScript objekts |
|---|---|
| Atslēgas / vērtības pāra atslēgai jābūt divkāršās pēdiņās. | Atslēgu / vērtību pāra atslēga var būt bez pēdiņām. |
| JSON nevar saturēt funkcijas. | JavaScript objektos var būt funkcijas. |
| JSON var izveidot un izmantot citas programmēšanas valodas. | JavaScript objektus var izmantot tikai JavaScript. |
JSON konvertēšana uz JavaScript objektu
Izmantojot iebūvēto JSON.parse()funkciju, JSON datus var pārveidot par JavaScript objektu . Piemēram,
// 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
JavaScript objekta konvertēšana uz JSON
Varat arī konvertēt JavaScript objektus JSON formātā, izmantojot JavaScript iebūvēto JSON.stringify()funkciju. Piemēram,
// 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)"
JSON izmantošana
JSON ir visbiežāk izmantotais formāts datu pārsūtīšanai (datu apmaiņa) no servera klientam un otrādi. JSON datus ir ļoti viegli parsēt un izmantot. Ātri var piekļūt JSON datiem un ar tiem manipulēt, jo tie satur tikai tekstus.
JSON ir neatkarīgs no valodas. Jūs varat izveidot un izmantot JSON arī citās programmēšanas valodās.
