Carica il file JSON locale in variabile

Durante la programmazione in JavaScript, ci possono essere alcuni casi in cui lo sviluppatore deve integrare più funzionalità per aggiungere significato a loro. Ciò aiuta ad associare le funzionalità implementate o anche memorizzare i dati sfusi. In tali scenari, il caricamento di un file JSON locale in una variabile è di grande aiuto per far risaltare il sito.

Questo blog discuterà degli approcci per caricare il file JSON locale in una variabile.

Come caricare il file JSON locale in variabile?

Per caricare il file JSON locale in una variabile, applica i seguenti approcci:

• "andare a prendere()" E "Poi()"Metodi.
• "richiedere"Modulo.

Carica il file JSON locale in una variabile utilizzando i metodi "Fetch" e "Quindi ()"

IL "andare a prendere()"Il metodo prende una risorsa dal server e"Poi()"Il metodo restituisce una promessa prendendo due argomenti, i.e., Funzione di callback per il successo e il fallimento del caso della promessa. Questi approcci possono essere applicati per recuperare un file JSON, accedere ai suoi dati e restituirlo.

Sintassi

Quindi (soddisfatto, rifiutato)

Nella sintassi sopra:

• "soddisfatto"Si riferisce alla promessa adeguata.
• "respinto"Corrisponde alla promessa rifiutata.

Fetch (risorsa)

Nella sintassi sopra offerta, "risorsa"Indica la particolare risorsa da prendere.

Esempio

Passiamo attraverso i seguenti dati del file JSON:

"Dipendenti":[

"nome": "xyz", "mese": "dicembre", "target": "45", "raggiunto": "36", "in sospeso": "9"
,

"Nome": "ABC", "Month": "dicembre", "Target": "45", "raggiunto": "54", "in sospeso": "0"

]

Nel file sopra, memorizzare i dati dichiarati sotto forma di "valore chiave"Coppie.

Ora, passiamo al code-snippet JS di seguito:

Secondo il codice sopra:

• Prima di tutto, applica il "andare a prendere()"Metodo per recuperare il discusso"JSON" file.
• Nel passaggio successivo, associa il "Poi()"Metodo dell'oggetto Promise che si riferisce alla funzione di callback per"successo", io.e., risposta.
• Ora, restituisce l'oggetto promettente corrispondente.
• Infine, fare riferimento ai dati contenuti nel file recuperato e visualizzarli sulla console.

Produzione

Nell'output sopra, si può osservare che il file JSON è stato recuperato correttamente e i dati aggiunti vengono visualizzati.

La stessa funzionalità può anche essere raggiunta semplicemente inserendo le seguenti righe di codice usando "richiedere"Modulo:

const data = requisite ('./dipendente.json ');
console.registro (dati);

Si trattava di caricare un file JSON in una variabile usando JavaScript.

Conclusione

Per caricare il file JSON locale in una variabile, applicare il combinato "andare a prendere()" E "Poi()Metodi o il "richiedere"Modulo. Questi approcci possono essere utilizzati per caricare semplicemente il file JSON creato, fare riferimento alla promessa adeguata e restituire i dati contenuti in base a questo. Questo articolo ha illustrato gli approcci per caricare il file JSON locale in una variabile.