JSON (JavaScript Object Notation ) on kätevä tapa jakaa tietoja. Se on sekä ihmisten että tietokoneiden helppo ymmärtää. JavaScriptissä JSON auttaa järjestämään tiedot yksinkertaisiksi objekteiksi. Tutkitaan kuinka JSON toimii ja miksi se on niin hyödyllinen tiedonvaihdossa.

JSON-objektin syntaksi:

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

Esimerkkejä JavaScript JSON -objekteista

Esimerkki 1: Tässä on esimerkki yksinkertaisen JSON-objektin luomisesta.

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

Selitys:

• { }> – Kiharat aaltosulkeet määrittelevät kohteen.
• 'name'> , 'age'> , 'city' -> Nämä ovat objektin avaimet (ominaisuudet). Avaimet ovat aina merkkijonoja.
• 'John'> , 30> , 'New York' -> Nämä ovat vastaavia arvoja, jotka liittyvät kuhunkin avaimeen.
• : -> Kaksoispiste(:) erottaa avaimet ja arvot.
• , -> Pilkku(,) erottaa objektin sisällä eri avainarvoparit.

2. JSON-objektiarvojen käyttäminen

• Objektiarvoihin pääsee käsiksi pisteen (.) merkinnällä.
• Voimme käyttää objekteja myös käyttämällä hakasulkeiden ([]) merkintää.

Esimerkki: Alla olevassa ohjelmassa pääsemme kohteeseen käyttämällä . merkintä.

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 

Selitys: JavaScript-koodi määrittää objektin 'myOrder', jolla on ominaisuuksia, kuten tuotteen nimi, hinta ja takuu. Se käyttää tuotteen nimeä ja määrittää sen i-kirjaimeen. Lopuksi se kirjaa tuotenimen Earbuds konsoliin.

3. Silmukoiminen JSON-objektin läpi

Silmukan voi tehdä kahdella tavalla –

• Objektin silmukka voidaan tehdä käyttämällä ominaisuutta for-in -silmukkaa.
• Objektin silmukointiin voimme jopa käyttää hakasulkuja ([]) for-in loop -ominaisuudessa.

Esimerkki: Alla olevassa esimerkissä käytämme silmukkaobjektia käyttämällä hakasulku[]-merkintää.

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 

Selitys: Koodi alustaa objektin 'myOrder' tuotetiedoilla. Se toistuu jokaisen ominaisuuden yli käyttämällä 'for-in' -silmukkaa. Silmukassa se käyttää jokaista ominaisuuden arvoa hakasulkeiden merkinnällä ja kirjaa ne konsoliin. Tämä tulostaa kuulokkeiden arvot, 799 ja 1 vuosi.

4. JSON-tekstin muuntaminen JavaScript-objektiksi

Jos haluat muuntaa JSON-tekstin JavaScript-objektiksi, voit käyttää JSON.parse()> menetelmä .

Esimerkki: Tämä esimerkki muuntaa JSONin JavaSctipt-objektiksi.

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 

Selitys:

• JSON.parse()> jäsentää JSON-merkkijonoa ja muodostaa merkkijonon kuvaaman JavaScript-arvon tai objektin.
• Esimerkissä jsonString> on JSON-muotoiltu merkkijono.
• JSON.parse(jsonString)> muuntaa JSON-merkkijonon JavaScript-objektiksi, joka tallennetaan muuttujaan jsonObject> .
• Voit käyttää JavaScript-objektin ominaisuuksia jsonObject> aivan kuten mikä tahansa muu JavaScript-objekti.