Last inn lokal JSON -fil i variabel

Mens programmering i JavaScript, kan det være noen tilfeller der utvikleren trenger å integrere flere funksjonaliteter for å gi mening til dem. Dette hjelper med å knytte de implementerte funksjonene eller lagre bulkdataene også. I slike scenarier er det å laste inn en lokal JSON -fil til en variabel med stor hjelp til å få nettstedet til å skille seg ut.

Denne bloggen vil diskutere tilnærmingene for å laste inn den lokale JSON -filen i en variabel.

Hvordan du laster inn lokal json -fil i variabel?

For å laste inn den lokale JSON -filen i en variabel, bruk følgende tilnærminger:

• “hente ()”Og“deretter()”Metoder.
• “krever”Modul.

Last inn lokal JSON -fil i en variabel ved hjelp av “Fetch” og “Then ()” -metoder

“hente ()”Metode henter en ressurs fra serveren, og“deretter()”Metode returnerer et løfte ved å ta to argumenter, jeg.e., tilbakeringingsfunksjon for suksess og svikt i løftet. Disse tilnærmingene kan brukes på å hente en JSON -fil, få tilgang til dataene og returnere den.

Syntaks

da (oppfylt, avvist)

I syntaks ovenfor:

• “oppfylt”Henviser til det oppfylte løftet.
• “avvist”Tilsvarer det avviste løftet.

hente (ressurs)

I ovennevnte syntaks, “ressurs”Peker på den spesielle ressursen for å hente.

Eksempel

La oss gå gjennom følgende JSON -fildata:

"Ansatte": [

"Navn": "Xyz", "Month": "Desember", "Target": "45", "oppnådd": "36", "Venter": "9"
,

"Navn": "ABC", "Month": "desember", "Target": "45", "oppnådd": "54", "Venter": "0"

]

I filen ovenfor, lagrer de oppgitte dataene i form av "nøkkelverdi”Par.

La oss nå gå videre til den undergitte JS-kode-snippet:

I henhold til koden ovenfor:

• Først av alt, bruk "hente ()”Metode for å hente de diskuterte”JSON”Fil.
• I neste trinn kan du knytte "deretter()”Metode for Promise -objektet som refererer til tilbakeringingsfunksjonen for“suksess", Jeg.e., respons.
• Returner nå det tilsvarende løftobjektet.
• Til slutt, se de inneholdte dataene i den hentede filen og vis dem på konsollen.

Produksjon

I outputten ovenfor kan det observeres at JSON -filen er hentet med hell, og de ekstra dataene vises.

Den samme funksjonaliteten kan også oppnås ved å bare legge inn følgende kodelinjer ved å bruke "krever”Modul:

const data = krever ('./ansatt.json ');
konsoll.logg (data);

Det handlet om å laste en JSON -fil til en variabel ved hjelp av JavaScript.

Konklusjon

For å laste inn den lokale JSON -filen i en variabel, bruk den kombinerte “hente ()”Og“deretter()”Metoder eller“krever”Modul. Disse tilnærmingene kan brukes til å bare laste inn den opprettede JSON -filen, se det oppfylte løftet og returnere de inneholdte dataene basert på den. Denne artikkelen illustrerte tilnærmingene for å laste den lokale JSON -filen i en variabel.