logo

JavaScript JSON-objekt

JSON (JavaScript Object Notation ) är ett praktiskt sätt att dela data. Det är lätt för både människor och datorer att förstå. I JavaScript hjälper JSON till att organisera data i enkla objekt. Låt oss utforska hur JSON fungerar och varför det är så användbart för att utbyta information.

JSON-objektsyntax:

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

Exempel på JavaScript JSON-objekt

Exempel 1: Här är ett exempel på att skapa ett enkelt JSON-objekt.

binär sökpython
Javascript
const person = {  'name': 'John',  'age': 30,  'city': 'New York' };>

Förklaring:



  • { }>– Lockiga hängslen definierar objektet.
  • 'name'>,'age'>,'city' ->Dessa är nycklarna (egenskaperna) för objektet. Nycklar är alltid strängar.
  • 'John'>,30>,'New York' ->Dessa är motsvarande värden som är associerade med varje nyckel.
  • : ->Kolon(:) separerar nycklar och värden.
  • , ->Komma(,) separerar olika nyckel-värdepar inom objektet.

2. Åtkomst till JSON-objektvärden

  • Objektvärdena kan nås genom att använda punktnotationen (.).
  • Vi kan också komma åt objekt genom att använda parentes([]) notation.

Exempel: I programmet nedan kommer vi åt objektet med . notation.

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

Produktion
Earbuds>

Förklaring: JavaScript-koden definierar ett objekt 'myOrder' med egenskaper som produktnamn, kostnad och garanti. Den kommer åt produktnamnet och tilldelar det till 'i'. Slutligen loggar den produktnamnet Earbuds till konsolen.

3. Gå igenom JSON-objekt

Looping kan göras på två sätt -

  • Looping av ett objekt kan göras genom att använda en egenskap for-in loop.
  • För att loopa ett objekt kan vi till och med använda parenteser ([]) i egenskapen for-in loop.

Exempel: I exemplet nedan kommer vi åt ett looping-objekt med hjälp av bracket[]-notation.

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

Produktion
earbuds 799 1 year>

Förklaring: Koden initierar ett objekt 'myOrder' med produktinformation. Den itererar över varje egenskap med hjälp av en 'for-in'-loop. Inom slingan kommer den åt varje egenskapsvärde med parentesnotation och loggar dem till konsolen. Detta skriver ut värdena för öronsnäckor, 799 och 1 år.

4. Konvertera en JSON-text till ett JavaScript-objekt

För att konvertera en JSON-text till ett JavaScript-objekt kan du använda JSON.parse()>metod .

harald baldr

Exempel: Det här exemplet konverterar JSON till JavaSctipt-objekt.

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

Produktion
John 30>

Förklaring:

  • JSON.parse()>analyserar en JSON-sträng och konstruerar JavaScript-värdet eller -objektet som beskrivs av strängen.
  • I exemplet,jsonString>är en JSON-formaterad sträng.
  • JSON.parse(jsonString)>konverterar JSON-strängen till ett JavaScript-objekt, som lagras i variabelnjsonObject>.
  • Du kan komma åt egenskaperna för JavaScript-objektetjsonObject>precis som alla andra JavaScript-objekt.