Hvordan lese, skrive og analysere JSON i JavaScript

Hvordan lese, skrive og analysere JSON i JavaScript

Den fulle formen for JSON er JavaScript Object Notation, og den er avledet fra JavaScript -programmeringsspråket. Et standard tekstformat som definerer de strukturerte dataene er basert på JavaScript -objektsyntaks. Overføring av data i webapplikasjoner foregår gjennom JSON. Har du hørt om JavaScript -objekt bokstavelig syntaks? Ja, JSON ligner det på en nær måte. Vi er ikke begrenset til å bruke det alltid med JavaScript.

JSON vs JavaScript. Hvordan sammenligne dem?

Det er ingen tvetydighet at JSON ser ut som JavaScript, men den enkleste måten å tenke på JSON er, som et dataformat, i likhet med en tekstfil. Ettersom JSON er inspirert av JavaScript -syntaks, er det grunnen til at de begge ser like ut.

Funksjoner av JSON

  • Et fjærformat brukes til å bytte data
  • Den vanlige teksten som blir skrevet i JavaScript -objektnotasjon
  • Hensikten med å sende dataene mellom datamaskiner oppnås gjennom JSON.
  • Det er språkuavhengig, slik at du ikke trenger å bekymre deg for språkkompatibilitet i tilfelle av JSON.

Format av JSON

JSON -formatet er helt basert på tekst og er avledet fra JavaScript Object Syntax. Når du har å gjøre med JSON, vil du sikkert takle .JSON -fil, det er der JSON -objektene blir plassert, men de kan også eksistere i sammenheng med et program som et JSON -objekt eller streng.

Når du har å gjøre med en .JSON -fil, du kommer til å se følgende:


"FirstName": "John",
"LastName": "Doe",
"Online": True

I tilfelle, hvis du samhandler med en .JS eller .HTML -fil der et JSON -objekt er plassert, vil du se følgende:

Json i strengform

var brukernavn = '"FirstName": "John",
"LastName": "Doe",
"Location": "New York" ';

Hvordan lese/skrive filer i JavaScript

NodeJS gir oss en modul som har en haug med funksjonaliteter som å lese filer, skrive filer osv. Det har mange andre verktøy som hjelper oss i å jobbe med filsystemet. Det er kjent som "nettleserif-fs".

Nå som vi vet hva "nettleserif-fs" er, la oss installere det. Bruk følgende kommando i redaktøren din for å installere “Browserify-FS”.

> npm installer nettleserif-fs

Når den er installert med hell, importer nettleserify-FS-modulen i det nødvendige programmet. Vi kan nå bruke forskjellige funksjoner til å skrive tekster eller lese tekster fra en fil.

Nå kan vi bruke "nettleserif-fs" ved å importere den til JavaScript-filen vår på følgende måte:

const filesystem = krever ("nettleserify-fs")

Hvis du vil vite mer om hvordan du importerer et bibliotek i JavaScript, kan du besøke vår dedikerte artikkel for dette:

Forutsetning: Hvordan importere et bibliotek i JavaScript

Når du har importert nettleserify-FS-biblioteket, la oss begynne med å lese en JSON-fil.

Hvordan lese en JSON -fil

Anta at vi har en klient.JSON -fil som vi vil lese:

//klient.JSON

"Navn": "Mini Corp."",
"Order_count": 83,
"Adresse": "Little Havana"

Nå bruker vi filsystem.ReadFile () for å laste inn dataene fra klienten.JSON -fil. Vi vil ganske enkelt gi banen til filen vår og motta dataene, en tilbakekallingsfunksjon:

const filesystem = krever ("nettleserify-fs")
filsystem.ReadFile ("./klient.json ", (feil, data) =>
if (feil)
konsoll.Logg ("Fillesing mislyktes", feil)
komme tilbake

konsoll.Logg ("Fildata:", data)
)

Innholdet i filen vil bli sendt til tilbakeringingsfunksjonen etter at de har blitt lest vellykket.

Nå, for å analysere de hentet dataene i et rent JSON -format, JSON.Parse () -metoden vil bli brukt, og den endelige koden vil se slik ut:

const filesystem = krever ("nettleserify-fs")
filsystem.ReadFile ("./klient.json ", (feil, data) =>
if (feil)
konsoll.Logg ("Fil kan ikke leses", feil)
komme tilbake

prøve
const client = json.parse (data)
konsoll.Logg ("Klientdata er:", klient)

fangst (feil)
konsoll.Logg ("Feil som analyserer JSON -streng:", feil)

)

Når du har utført den ovennevnte koden, blir JSON-dataene lest og vist på konsollen som vi forventet.

Hvordan skrive en JSON -fil

For å skrive data på en asynkron måte, vil vi bruke filsystemet.WritFile () -metode. Hvis vi vil skrive noe i en JSON -fil ved hjelp av JavaScript, må vi først konvertere disse dataene til en JSON -streng ved å bruke JSON.Stringify -metoden.

Denne metoden vil konvertere et JavaScript -objekt til en JSON -streng som kan skrives til en fil:

const filesystem = krever ("nettleserify-fs")
const client =
"Navn": "Mini Corp."",
"Order_count": 83,
"Adresse": "Little Havana"

const data = json.Stringify (klient)
konsoll.Logg (data)

Over er det opprettet et klientobjekt med våre data som deretter blir omgjort til en streng.

Nå vil vi ganske enkelt skrive filsystemet vårt.WritFile () Metode for å skrive JSON -dataene til NewClient.JSON -fil:

const filesystem = krever ("nettleserify-fs")
const client =
"Navn": "Mini Corp."",
"Order_count": 83,
"Adresse": "Little Havana"

const data = json.Stringify (klient)
filsystem.Skrivfil ("./newclient.json ", data, err =>
if (feil)
konsoll.Logg ("Feilskrivingsfil", feil)
annet
konsoll.Logg ('JSON -data er skrevet til filen med hell')

)

Slik kan vi skrive en JSON -fil ved hjelp av filsystemet.skrivefil () funksjon.

Hvordan analysere en streng til JSON

I JavaScript så vel som JSON -terminologier refererer analysering til ideen der en JSON -streng blir analysert og deretter konverteres til en JavaScript -verdi eller et objekt beskrevet av strengen. Før det resulterende objektet returneres, kan transformasjon utføres på det.

Som vi gjorde i vårt tidligere eksempel på å lese data fra en JSON -fil, hentet vi ganske enkelt dataene fra filen, som var i form av en streng. Etter å ha hentet dataene, analyserte vi den strengen inn i JSON, som vist nedenfor:

Anta at vi har noen JSON -data i strengformat:

Så det er slik, ved å bruke JSON.parse () -metode, strengen vil bli analysert inn i JSON -formatet.

Hvordan du kan analysere json til streng

Tilsvarende å analysere JSON inn i en streng, JSON.Stringify () -metode brukes:

const client =
"Navn": "Mini Corp."",
"Order_count": 83,
"Adresse": "Little Havana"

const data = json.Stringify (klient)
konsoll.Logg (data)

Så det er slik, ved å bruke JSON.Stringify () -metode, JSON kan analyseres inn i strengformatet.

Konklusjon

Hensikten med å skrive artikkelen er å gi en fullstendig forklaring og en grundig beskrivelse av hvordan man enkelt kan lese, skrive og analysere JSON -filene i JavaScript. Vi var i stand til å konkludere med at funksjonalitetene for lesing og skriving lett kan oppnås av filsystem.READFILE OG FILESYSTEM.Skrivfil.

Vi diskuterte de relative funksjonalitetene til begge komponentene og forklarte hvordan vi kan fortsette ved å bruke disse funksjonene. Så forklarte vi metoden for å analysere JSON -metoden på en presis måte.

Følgelig var vi i stand til å gi alle nødvendigvis viktige detaljer som ble pålagt å lese, skrive og analysere JSON -metoden i JavaScript.