Chargez le fichier JSON local dans la variable

Lors de la programmation en JavaScript, il peut y avoir des cas où le développeur doit intégrer plusieurs fonctionnalités pour y ajouter un sens. Cela aide à associer les fonctionnalités implémentées ou à stocker également les données en vrac. Dans de tels scénarios, le chargement d'un fichier JSON local dans une variable est d'une grande aide pour faire ressortir le site.

Ce blog discutera des approches pour charger le fichier JSON local dans une variable.

Comment charger le fichier JSON local en variable?

Pour charger le fichier JSON local dans une variable, appliquez les approches suivantes:

• "aller chercher()" et "alors()«Méthodes.
• "exiger»Module.

Chargez le fichier JSON local dans une variable à l'aide de méthodes «Fetch» ​​et «alors ()»

Le "aller chercher()»La méthode récupère une ressource du serveur et le« «alors()«La méthode renvoie une promesse en prenant deux arguments, je.e., Fonction de rappel pour le succès et l'échec du cas de la promesse. Ces approches peuvent être appliquées pour récupérer un fichier JSON, accéder à ses données et les renvoyer.

Syntaxe

puis (accompli, rejeté)

Dans la syntaxe ci-dessus:

• "réalisé»Fait référence à la promesse accomplie.
• "rejeté»Correspond à la promesse rejetée.

Fetch (ressource)

Dans la syntaxe donnée ci-dessus, "Ressource»Porte la ressource particulière à récupérer.

Exemple

Passons par les données de fichiers JSON suivantes:

"Employés":[

"nom": "xyz", "mois": "décembre", "Target": "45", "réalisé": "36", "en attente": "9"
,

"Nom": "ABC", "Mois": "décembre", "Target": "45", "Attevé": "54", "en attente": "0"

]

Dans le fichier ci-dessus, stockez les données déclarées sous la forme de «valeur clé" paires.

Maintenant, passons à la JS Code-Snippet ci-dessous:

Selon le code ci-dessus:

• Tout d'abord, appliquez le «aller chercher()"Méthode pour récupérer le discuté"Json" déposer.
• Dans l'étape suivante, associez le «alors()«Méthode de l'objet Promise faisant référence à la fonction de rappel pour«succès", je.e., réponse.
• Maintenant, retournez l'objet Promise correspondant.
• Enfin, reportez-vous aux données contenues dans le fichier récupéré et affichez-les sur la console.

Sortir

Dans la sortie ci-dessus, on peut observer que le fichier JSON a été récupéré avec succès et que les données ajoutées s'affichent.

La même fonctionnalité peut également être obtenue en entrant simplement les lignes de code suivantes à l'aide du «exiger”Module:

const data = require ('./employé.JSON ');
console.journal (données);

Il s'agissait de charger un fichier JSON dans une variable à l'aide de JavaScript.

Conclusion

Pour charger le fichier JSON local dans une variable, appliquez le combiné "aller chercher()" et "alors()"Méthodes ou"exiger»Module. Ces approches peuvent être utilisées pour charger simplement le fichier JSON créé, se référer à la promesse réalisée et renvoyer les données contenues en fonction de celle-ci. Cet article a illustré les approches pour charger le fichier JSON local dans une variable.