Šioje pamokoje su pavyzdžiais sužinosite apie JSON ir tai, kaip „JavaScript“ naudojama kartu su JSON.
JSON reiškia „Javascript Object Notation“. JSON yra tekstinis duomenų formatas, naudojamas duomenims saugoti ir perduoti. Pavyzdžiui,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
JSON duomenys yra raktų / reikšmių poros, atskirtos kableliu ,.
JSON buvo gautas iš „JavaScript“. Taigi, JSON sintaksė primena „JavaScript“ objekto pažodinę sintaksę. Tačiau JSON formatą gali pasiekti ir sukurti kitos programavimo kalbos.
Pastaba : „JavaScript“ objektai ir JSON nėra tas pats. Apie jų skirtumus sužinosite vėliau šioje pamokoje.
JSON duomenys
JSON duomenis sudaro raktų / reikšmių poros, panašios į „JavaScript“ objekto ypatybes. Raktas ir reikšmės rašomos dvigubomis kabutėmis, atskirtomis dvitaškiu :. Pavyzdžiui,
// JSON data "name": "John"
Pastaba : JSON duomenims reikia dvigubų raktų kabučių.
JSON objektas
JSON objektas užrašytas garbanotųjų petnešų viduje ( ). JSON objektuose gali būti kelios raktų / reikšmių poros. Pavyzdžiui,
// JSON object ( "name": "John", "age": 22 )
JSON masyvas
JSON masyvas parašytas laužtiniuose skliaustuose ( ). Pavyzdžiui,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Pastaba : JSON duomenyse gali būti objektų ir masyvų. Tačiau, skirtingai nei „JavaScript“ objektai, JSON duomenyse negali būti funkcijų kaip reikšmių.
Prieiga prie JSON duomenų
JSON duomenis galite pasiekti naudodami taškų žymėjimą. Pavyzdžiui,
// 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
Mes naudojame .žymėjimą norėdami pasiekti JSON duomenis. Jo sintaksė yra:variableName.key
Norėdami ()pasiekti JSON duomenis, taip pat galite naudoti laužtinių skliaustų sintaksę . Pavyzdžiui,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
„JavaScript“ objektai VS JSON
Nors JSON sintaksė yra panaši į „JavaScript“ objektą, JSON skiriasi nuo „JavaScript“ objektų.
| JSON | „JavaScript“ objektas |
|---|---|
| Raktas raktų / reikšmių poroje turi būti nurodytas dvigubose kabutėse. | Rakto / vertės poroje raktas gali būti be dvigubų kabučių. |
| JSON negali būti funkcijų. | „JavaScript“ objektuose gali būti funkcijų. |
| JSON gali sukurti ir naudoti kitos programavimo kalbos. | „JavaScript“ objektus galima naudoti tik „JavaScript“. |
JSON konvertavimas į „JavaScript“ objektą
JSON duomenis galite konvertuoti į „JavaScript“ objektą naudodami integruotą JSON.parse()funkciją. Pavyzdžiui,
// 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“ objekto konvertavimas į JSON
Taip pat galite konvertuoti „JavaScript“ objektus į JSON formatą naudodami integruotą „JavaScript“ JSON.stringify()funkciją. Pavyzdžiui,
// 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 naudojimas
JSON yra dažniausiai naudojamas formatas perduoti duomenis (keistis duomenimis) iš serverio klientui ir atvirkščiai. JSON duomenis labai lengva analizuoti ir naudoti. JSON duomenis greitai pasiekti ir jais manipuliuoti, nes juose yra tik tekstai.
JSON nepriklauso nuo kalbos. JSON galite sukurti ir naudoti kitomis programavimo kalbomis.
