logo

JavaScript JSON -objektit

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.



c Boolen arvo
Javascript
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ä.

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

Lähtö
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 –

merkkijonomenetelmät java
  • 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ää.

sisältää merkkijonossa
Javascript
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]); }>

Lähtö
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.

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

Lähtö
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 muuttujaanjsonObject>.
  • Voit käyttää JavaScript-objektin ominaisuuksiajsonObject>aivan kuten mikä tahansa muu JavaScript-objekti.