JSON („JavaScript“ objektų žymėjimas ) yra patogus būdas dalytis duomenimis. Tai lengva suprasti ir žmonėms, ir kompiuteriams. „JavaScript“ JSON padeda tvarkyti duomenis į paprastus objektus. Panagrinėkime, kaip veikia JSON ir kodėl jis toks naudingas keičiantis informacija.

JSON objekto sintaksė:

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

JavaScript JSON objektų pavyzdžiai

1 pavyzdys: Čia yra paprasto JSON objekto kūrimo pavyzdys.

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

Paaiškinimas:

• { }> – Garbanotos petnešos apibrėžia objektą.
• 'name'> , 'age'> , 'city' -> Tai yra objekto raktai (ypatybės). Raktai visada yra stygos.
• 'John'> , 30> , 'New York' -> Tai yra atitinkamos reikšmės, susietos su kiekvienu raktu.
• : -> Dvitaškis (:) atskiria raktus ir reikšmes.
• , -> Kablelis (,) atskiria skirtingas rakto-reikšmių poras objekte.

2. Prieiga prie JSON objekto verčių

• Objekto reikšmes galima pasiekti naudojant taško (.) žymėjimą.
• Taip pat galime pasiekti objektus naudodami skliaustų ([]) žymėjimą.

Pavyzdys: Žemiau esančioje programoje objektą pasiekiame naudodami . žymėjimas.

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

Earbuds 

Paaiškinimas: „JavaScript“ kodas apibrėžia objektą „myOrder“ su tokiomis savybėmis kaip produkto pavadinimas, kaina ir garantija. Jis pasiekia produkto pavadinimą ir priskiria jį „i“. Galiausiai konsolėje įrašomas produkto pavadinimas Earbuds.

3. Perėjimas per JSON objektą

Kilpą galima atlikti dviem būdais -

• Objekto kilpa gali būti atliekama naudojant ypatybės for-in kilpą.
• Norėdami susieti objektą, netgi galime naudoti skliaustus ([]) „for-in“ ciklo savybėje.

Pavyzdys: Toliau pateiktame pavyzdyje mes pasiekiame kilpinį objektą naudodami skliausteliuose [].

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

earbuds 799 1 year 

Paaiškinimas: Kodas inicijuoja objektą „myOrder“ su išsamia produkto informacija. Jis kartojasi per kiekvieną ypatybę naudodamas „for-in“ kilpą. Ciklo metu jis pasiekia kiekvieną nuosavybės vertę naudodamas skliaustų žymėjimą ir registruoja juos konsolėje. Taip išspausdinamos ausinių vertės, 799 ir 1 metai.

4. JSON teksto konvertavimas į „JavaScript“ objektą

Norėdami konvertuoti JSON tekstą į „JavaScript“ objektą, galite naudoti JSON.parse()> metodas .

Pavyzdys: Šis pavyzdys konvertuoja JSON į JavaSctipt objektą.

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

John 30 

Paaiškinimas:

• JSON.parse()> analizuoja JSON eilutę, sukurdama JavaScript reikšmę arba eilute aprašytą objektą.
• Pavyzdyje jsonString> yra JSON formato eilutė.
• JSON.parse(jsonString)> konvertuoja JSON eilutę į JavaScript objektą, kuris saugomas kintamajame jsonObject> .
• Galite pasiekti JavaScript objekto ypatybes jsonObject> kaip ir bet kuris kitas JavaScript objektas.