Comment lire, écrire et analyser JSON en javascript

La forme complète de JSON est la notation d'objet JavaScript et il est dérivé du langage de programmation JavaScript. Un format de texte standard qui définit les données structurées est basée sur la syntaxe d'objet JavaScript. La transmission des données dans les applications Web a lieu via JSON. Avez-vous entendu parler de la syntaxe littérale de l'objet JavaScript? Ouais, Json le ressemble de manière étroite. Nous ne sommes pas limités à l'utiliser toujours avec JavaScript.

JSON VS JavaScript. Comment les comparer?

Il n'y a aucune ambiguïté que JSON ressemble à Javascript mais, la façon la plus simple de penser à JSON est, comme un format de données, en ressemblance avec un fichier texte. Comme JSON est inspiré par la syntaxe JavaScript, c'est la raison pour laquelle ils sont tous les deux similaires.

Caractéristiques de JSON

• Un format plumeux est utilisé pour l'échange de données
• Le texte brut qui est écrit en notation d'objet javascript
• Le but de l'envoi des données entre les ordinateurs est atteint via JSON.
• Il est indépendant de la langue, vous n'avez donc pas à vous soucier de la compatibilité du langage dans le cas de JSON.

Format de JSON

Le format JSON est complètement basé sur le texte et est dérivé de la syntaxe d'objet JavaScript. Lorsque vous avez affaire à JSON, vous vous attaquerez sûrement à .Fichier JSON, c'est là que les objets JSON sont placés, mais ils peuvent également exister dans le contexte d'un programme en tant qu'objet JSON ou chaîne.

Chaque fois que vous avez affaire à un .Fichier JSON, vous allez voir ce qui suit:

"Firstname": "John",
"LastName": "Doe",
"En ligne": vrai

Dans le cas, si vous interagissez avec un .js ou .Fichier HTML dans lequel un objet JSON est placé, vous verrez ce qui suit:

JSON sous forme de chaîne

var username = '"FirstName": "John",
"LastName": "Doe",
"Emplacement": "New York" ';

Comment lire / écrire des fichiers en javascript

NodeJS nous fournit un module qui a un tas de fonctionnalités comme la lecture de fichiers, des fichiers d'écriture, etc. Il a de nombreux autres outils qui nous aident à travailler avec le système de fichiers. Il est connu sous le nom de «Browserify-FS».

Maintenant que nous savons ce qu'est «Browserify-FS», installons-le. Utilisez la commande suivante dans votre éditeur pour installer «Browserify-FS».

> NPM Installer Browserify-FS

Lorsqu'il est installé avec succès, importez le module Browserify-FS dans le programme requis. Nous pouvons maintenant utiliser différentes fonctions pour écrire des textes ou lire des textes à partir d'un fichier.

Nous pouvons maintenant utiliser le «Browserify-FS» en l'important dans notre fichier JavaScript de la manière suivante:

const FileSystem = require ("Browserify-fs")

Si vous voulez en savoir plus sur la façon d'importer une bibliothèque en JavaScript, visitez notre article dédié pour ceci:

Préalable: comment importer une bibliothèque en JavaScript

Une fois que vous avez réussi à importer la bibliothèque de Browserify-FS, commençons par lire un fichier JSON.

Comment lire un fichier JSON

Supposons que nous ayons un client.Fichier JSON auquel nous voulons lire:

//client.json

"Nom": "Mini Corp.",
"Order_Count": 83,
"Adresse": "Little Havana"

Maintenant, nous utiliserons le système de fichiers.readFile () pour charger les données du client.fichier json. Nous passerons simplement le chemin d'accès à notre fichier et pour recevoir les données, une fonction de rappel:

const FileSystem = require ("Browserify-fs")
système de fichiers.ReadFile ("./client.JSON ", (err, data) =>
if (err)
console.log ("La lecture de fichiers a échoué", err)
retour

console.log ("Données de fichier:", données)
)

Le contenu du fichier sera transmis à la fonction de rappel après avoir été lu avec succès.

Maintenant, pour analyser les données récupérées dans un format JSON pur, le JSON.La méthode parse () sera utilisée et le code final ressemblera à ceci:

const FileSystem = require ("Browserify-fs")
système de fichiers.ReadFile ("./client.JSON ", (err, data) =>
if (err)
console.log ("Le fichier ne peut pas être lu", err)
retour

essayer
const Client = JSON.Parse (données)
console.journal ("Les données du client sont:", client)

catch (err)
console.log ("Erreur analysant la chaîne JSON:", err)

)

Une fois que vous avez exécuté le code ci-dessus, les données JSON seront lues et affichées sur la console comme nous nous attendions.

Comment écrire un fichier JSON

Pour écrire des données de manière asynchrone, nous utiliserons le système de fichiers.Méthode writeFile (). Si nous voulons écrire quelque chose dans un fichier JSON à l'aide de JavaScript, nous devrons d'abord convertir ces données en une chaîne JSON en utilisant le JSON.Méthode Stringify.

Cette méthode convertira un objet JavaScript en une chaîne JSON qui peut être écrite en fichier:

const FileSystem = require ("Browserify-fs")
const client =
"Nom": "Mini Corp.",
"Order_Count": 83,
"Adresse": "Little Havana"

const data = json.stringify (client)
console.journal (données)

Ci-dessus, un objet client avec nos données a été créé qui est ensuite transformé en chaîne.

Maintenant, nous allons simplement écrire notre système de fichiers.Méthode writeFile () pour écrire les données JSON dans le newclient.Fichier JSON:

const FileSystem = require ("Browserify-fs")
const client =
"Nom": "Mini Corp.",
"Order_Count": 83,
"Adresse": "Little Havana"

const data = json.stringify (client)
système de fichiers.WriteFile ("./Nouvelle cliente.JSON ", données, err =>
if (err)
console.log ("Erreur écrivant le fichier", err)
autre
console.journal («les données JSON sont écrites dans le fichier avec succès»)

)

C'est ainsi que nous pouvons écrire un fichier JSON en utilisant le système de fichiers.Fonction WriteFile ().

Comment analyser une chaîne à JSON

Dans JavaScript ainsi que les terminologies JSON, l'analyse fait référence à l'idée où une chaîne JSON est analysée et est ensuite convertie en valeur JavaScript ou un objet décrit par la chaîne. Avant que l'objet résultant ne soit retourné, la transformation peut être effectuée dessus.

Comme nous l'avons fait dans notre exemple précédent de lecture des données d'un fichier JSON, nous avons simplement récupéré les données du fichier, qui était sous la forme d'une chaîne. Après avoir récupéré les données, nous avons analysé cette chaîne dans le JSON, comme indiqué ci-dessous:

Supposons que nous ayons des données JSON au format de chaîne:

C'est donc comment, en utilisant le JSON.Méthode parse (), la chaîne sera analysée au format JSON.

Comment analyser JSON à la chaîne

De même, pour analyser JSON dans une chaîne, le JSON.La méthode stringify () est utilisée:

const client =
"Nom": "Mini Corp.",
"Order_Count": 83,
"Adresse": "Little Havana"

const data = json.stringify (client)
console.journal (données)

C'est donc comment, en utilisant le JSON.Méthode stringify (), le json peut être analysé dans le format de chaîne.

Conclusion

Le but de la rédaction de l'article est de fournir une explication complète et une description approfondie de la façon dont on peut facilement lire, écrire et analyser les fichiers JSON en JavaScript. Nous avons pu conclure le fait que les fonctionnalités de lecture et d'écriture peuvent facilement être réalisées par Système de fichiers.Readfile et Système de fichiers.écriture.

Nous avons discuté des fonctionnalités relatives des deux composantes et expliqué comment nous pouvons procéder en utilisant ces fonctions. Ensuite, nous avons expliqué la méthode d'analyse de la méthode JSON de manière précise.

Par conséquent, nous avons pu fournir tous les détails nécessairement importants qui étaient nécessaires pour lire, écrire et analyser la méthode JSON en JavaScript.