Come leggere, scrivere e analizzare JSON in JavaScript

La forma completa per JSON è la notazione dell'oggetto JavaScript ed è derivata dal linguaggio di programmazione JavaScript. Un formato di testo standard che definisce i dati strutturati si basa sulla sintassi dell'oggetto JavaScript. La trasmissione di dati nelle applicazioni Web avviene tramite JSON. Hai sentito parlare della sintassi letterale dell'oggetto JavaScript? Sì, Json lo ricorda in modo da vicino. Non ci limitiamo a usarlo sempre con JavaScript.

JSON vs JavaScript. Come confrontarli?

Non c'è ambiguità che Json assomigli a JavaScript ma, il modo più semplice per pensare a JSON, come un formato di dati, in somiglianza con un file di testo. Dato che JSON è ispirato alla sintassi di JavaScript, questo è il motivo per cui entrambi sembrano simili.

Caratteristiche di JSON

• Un formato piumale viene utilizzato per i dati intrecciati
• Il testo semplice che viene scritto nella notazione dell'oggetto JavaScript
• Lo scopo di inviare i dati tra i computer si ottiene tramite JSON.
• È indipendente dal linguaggio, quindi non devi preoccuparti della compatibilità linguistica nel caso di JSON.

Formato di JSON

Il formato JSON è completamente basato sul testo e deriva dalla sintassi dell'oggetto JavaScript. Quando hai a che fare con JSON, affronterai sicuramente il .File JSON, è qui che vengono posizionati gli oggetti JSON, ma possono esistere anche nel contesto di un programma come oggetto o stringa JSON.

Ogni volta che hai a che fare con un .File JSON, vedrai quanto segue:

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

Nel caso, se stai interagendo con un .js o .file html in cui è posizionato un oggetto JSON, vedrai quanto segue:

JSON in forma di stringa

var username = '"firstName": "John",
"LastName": "Doe",
"Posizione": "New York" ';

Come leggere/scrivere file in javascript

Nodejs ci fornisce un modulo che ha un sacco di funzionalità come la lettura di file, file di scrittura, ecc. Ha molti altri strumenti che ci aiutano a lavorare con il file system. È noto come "Browserify-FS".

Ora che sappiamo cos'è "browserify-fs", installiamolo. Utilizzare il seguente comando nell'editor per installare "Browserify-FS".

> NPM Installa Browserify-FS

Quando è installato correttamente, importare il modulo browserify-FS nel programma richiesto. Ora possiamo usare diverse funzioni per scrivere testi o leggere testi da un file.

Ora possiamo usare il "Browserify-FS" importandolo nel nostro file JavaScript nel modo seguente:

const filesystem = requisite ("browserify-fs")

Se vuoi saperne di più su come importare una biblioteca in JavaScript, visita il nostro articolo dedicato per questo:

Prerequisito: come importare una libreria in JavaScript

Dopo aver importato correttamente la libreria Browserify-FS, iniziamo con la lettura di un file JSON.

Come leggere un file JSON

Supponiamo di avere un cliente.File JSON a cui vogliamo leggere:

//cliente.JSON

"Nome": "Mini Corp.",
"Order_Count": 83,
"Indirizzo": "Little Havana"

Ora utilizzeremo il filesystem.readFile () per caricare i dati dal client.file json. Passeremo semplicemente il percorso al nostro file e riceveremo i dati, una funzione di richiamata:

const filesystem = requisite ("browserify-fs")
filesystem.ReadFile ("./cliente.json ", (err, data) =>
if (err)
console.Log ("Reading File Lettura non riuscita", err)
ritorno

console.log ("Dati file:", dati)
)

Il contenuto del file verrà passato alla funzione di callback dopo che sono stati letto correttamente.

Ora, per analizzare i dati recuperati in un formato JSON puro, il JSON.Verrà utilizzato il metodo Parse () e il codice finale sarà così:

const filesystem = requisite ("browserify-fs")
filesystem.ReadFile ("./cliente.json ", (err, data) =>
if (err)
console.log ("file non può essere letto", err)
ritorno

Tentativo
const client = json.Parse (dati)
console.log ("I dati client sono:", client)

catch (err)
console.log ("Errore analizzando la stringa JSON:", err)

)

Una volta eseguito il codice sopra fornito, i dati JSON verranno letti e visualizzati sulla console come previsto.

Come scrivere un file JSON

Per scrivere dati in modo asincrono, useremo il filesystem.Metodo WriteFile (). Se vogliamo scrivere qualcosa in un file JSON usando JavaScript, dovremo prima convertire tali dati in una stringa JSON utilizzando JSON.Metodo Stringify.

Questo metodo convertirà un oggetto JavaScript in una stringa JSON che può essere scritta in un file:

const filesystem = requisite ("browserify-fs")
const client =
"Nome": "Mini Corp.",
"Order_Count": 83,
"Indirizzo": "Little Havana"

const data = JSON.Stringify (client)
console.registro (dati)

Sopra, è stato creato un oggetto client con i nostri dati che viene quindi trasformato in una stringa.

Ora scriveremo semplicemente il nostro filesystem.Metodo WriteFile () per scrivere i dati JSON nel nuovo Client.File JSON:

const filesystem = requisite ("browserify-fs")
const client =
"Nome": "Mini Corp.",
"Order_Count": 83,
"Indirizzo": "Little Havana"

const data = JSON.Stringify (client)
filesystem.writefile ("./NewClient.JSON ", dati, err =>
if (err)
console.Log ("Error Writing File", err)
altro
console.log ("JSON Data è scritto nel file correttamente")

)

Ecco come possiamo scrivere un file JSON usando il filesystem.funzione writefile ().

Come analizzare una stringa a JSON

In JavaScript e JSON Terminologies, l'analisi si riferisce all'idea in cui una stringa JSON viene analizzata e viene quindi convertita in un valore JavaScript o un oggetto descritto dalla stringa. Prima che l'oggetto risultante venga restituito, la trasformazione può essere eseguita su di esso.

Come abbiamo fatto nel nostro precedente esempio di lettura dei dati da un file JSON, abbiamo semplicemente recuperato i dati dal file, che era nella forma di una stringa. Dopo aver recuperato i dati, abbiamo analizzato quella stringa nel JSON, come mostrato di seguito:

Supponiamo di avere alcuni dati JSON in formato stringa:

Quindi è così, usando il JSON.Metodo Parse (), la stringa verrà analizzata nel formato JSON.

Come analizzare JSON a String

Allo stesso modo, per analizzare Json in una corda, il JSON.Viene utilizzato il metodo Stringify ():

const client =
"Nome": "Mini Corp.",
"Order_Count": 83,
"Indirizzo": "Little Havana"

const data = JSON.Stringify (client)
console.registro (dati)

Quindi è così, usando il JSON.Metodo Stringify (), il JSON può essere analizzato nel formato della stringa.

Conclusione

Lo scopo di scrivere l'articolo è di fornire una spiegazione completa e una descrizione approfondita di come si può facilmente leggere, scrivere e analizzare i file JSON in JavaScript. Siamo stati in grado di concludere il fatto che le funzionalità per la lettura e la scrittura possono essere facilmente raggiunte dal filesystem.ReadFile e filesystem.Writefile.

Abbiamo discusso delle funzionalità relative di entrambi i componenti e abbiamo spiegato come possiamo procedere usando queste funzioni. Quindi abbiamo spiegato il metodo di analisi del metodo JSON in modo preciso.

Di conseguenza, siamo stati in grado di fornire tutti i dettagli necessariamente importanti che dovevano leggere, scrivere e analizzare il metodo JSON in JavaScript.