Cómo leer, escribir y analizar JSON en JavaScript

La forma completa para JSON es la notación de objeto JavaScript y se deriva del lenguaje de programación de JavaScript. Un formato de texto estándar que define los datos estructurados se basa en la sintaxis del objeto JavaScript. La transmisión de datos en aplicaciones web tiene lugar a través de JSON. ¿Has oído hablar de JavaScript Object Syntax literal? Sí, JSON se asemeja de manera cercana. No estamos limitados a usarlo siempre con JavaScript.

JSON vs JavaScript. Cómo compararlos?

No hay ambigüedad de que JSON se parezca a JavaScript, pero la forma más fácil de pensar en JSON es, como formato de datos, en semejanza con un archivo de texto. Como JSON está inspirado en la sintaxis de JavaScript, esa es la razón por la que ambos se ven similares.

Características de JSON

• Se utiliza un formato plumoso para intercambiar datos
• El texto sin formato que se está escribiendo en la notación de objeto JavaScript
• El propósito de enviar los datos entre las computadoras se logra a través de JSON.
• Es independiente del lenguaje, por lo que no tiene que preocuparse por la compatibilidad del idioma en el caso de JSON.

Formato de JSON

El formato JSON se basa completamente en el texto y se deriva de la sintaxis del objeto JavaScript. Cuando esté tratando con JSON, seguramente abordará con el .Archivo JSON, ahí es donde se colocan los objetos JSON, pero también pueden existir dentro del contexto de un programa como objeto o cadena JSON.

Siempre que esté tratando con un .archivo json, vas a ver lo siguiente:

"FirstName": "John",
"LastName": "Doe",
"En línea": verdadero

En caso de que esté interactuando con un .JS o .Archivo HTML en el que se coloca un objeto JSON, verá lo siguiente:

JSON en forma de cadena

var userName = '"FirstName": "John",
"LastName": "Doe",
"Ubicación": "Nueva York" ';

Cómo leer/escribir archivos en JavaScript

NodeJS nos proporciona un módulo que tiene un montón de funcionalidades como leer archivos, escribir archivos, etc. Tiene muchas otras herramientas que nos ayudan a trabajar con el sistema de archivos. Se conoce como "Browserify-FS".

Ahora que sabemos qué es "Browserify-FS", instalarlo. Use el siguiente comando en su editor para instalar "Browserify-FS".

> NPM Instalar Browserify-FS

Cuando se instale con éxito, importe el módulo de navegación-FS en el programa requerido. Ahora podemos usar diferentes funciones para escribir textos o leer textos de un archivo.

Ahora podemos usar el "Browserify-FS" importándolo en nuestro archivo JavaScript de la siguiente manera:

const filesystem = require ("browserify-fs")

Si desea saber más sobre cómo importar una biblioteca en JavaScript, visite nuestro artículo dedicado para esto:

Requisito previo: cómo importar una biblioteca en JavaScript

Una vez que haya importado con éxito la biblioteca Browserify-FS, comencemos con la lectura de un archivo JSON.

Cómo leer un archivo JSON

Supongamos que tenemos un cliente.archivo json al que queremos leer:

//cliente.json

"Nombre": "Mini Corp.",
"Order_count": 83,
"Dirección": "Little Havana"

Ahora, utilizaremos el sistema de archivos.readFile () para cargar los datos del cliente.archivo json. Simplemente pasaremos la ruta a nuestro archivo y para recibir los datos, una función de devolución de llamada:

const filesystem = require ("browserify-fs")
sistema de archivos.readfile ("./cliente.json ", (err, data) =>
if (err)
consola.Log ("Falló de lectura de archivo", err)
devolver

consola.Log ("Datos del archivo:", datos)
)

El contenido del archivo se pasará a la función de devolución de llamada después de haber sido leída con éxito.

Ahora, para analizar los datos obtenidos en un formato JSON puro, el JSON.Se utilizará el método parse () y el código final se verá así:

const filesystem = require ("browserify-fs")
sistema de archivos.readfile ("./cliente.json ", (err, data) =>
if (err)
consola.log ("el archivo no se puede leer", err)
devolver

intentar
Const Client = JSON.analizar (datos)
consola.log ("Los datos del cliente son:", cliente)

Catch (err)
consola.log ("Error de análisis JSON:", err)

)

Una vez que ejecute el código proporcionado anteriormente, los datos JSON se leerán y se mostrarán en la consola como esperábamos.

Cómo escribir un archivo JSON

Para escribir datos de manera asincrónica, utilizaremos el sistema de archivos.Método WriteFile (). Si queremos escribir algo en un archivo JSON usando JavaScript, primero tendremos que convertir esos datos en una cadena JSON usando el JSON.Método Stringify.

Este método convertirá un objeto JavaScript en una cadena JSON que se puede escribir en un archivo:

const filesystem = require ("browserify-fs")
const client =
"Nombre": "Mini Corp.",
"Order_count": 83,
"Dirección": "Little Havana"

Const Data = JSON.Stringify (Cliente)
consola.Dato de registro)

Arriba, se ha creado un objeto cliente con nuestros datos que luego se convierte en una cadena.

Ahora, simplemente escribiremos nuestro sistema de archivos.Método WriteFile () para escribir los datos JSON en el NewClient.Archivo JSON:

const filesystem = require ("browserify-fs")
const client =
"Nombre": "Mini Corp.",
"Order_count": 83,
"Dirección": "Little Havana"

Const Data = JSON.Stringify (Cliente)
sistema de archivos.WriteFile ("./cliente nuevo.json ", data, err =>
if (err)
consola.registro ("Error de escritura de archivo", err)
demás
consola.log ('los datos JSON se escriben en el archivo correctamente')

)

Así es como podemos escribir un archivo JSON usando el sistema de archivos.Función WriteFile ().

Cómo analizar una cuerda a JSON

En JavaScript y las terminologías JSON, el análisis se refiere a la idea donde se analiza una cadena JSON y luego se convierte en un valor de JavaScript o un objeto descrito por la cadena. Antes de que se devuelva el objeto resultante, la transformación se puede realizar en él.

Como lo hicimos en nuestro ejemplo anterior de leer datos de un archivo JSON, simplemente obtuvimos los datos del archivo, que estaba en forma de una cadena. Después de obtener los datos, analizamos esa cadena en el JSON, como se muestra a continuación:

Supongamos que tenemos algunos datos JSON en formato de cadena:

Entonces así es como, usando el JSON.método parse (), la cadena se analizará en el formato JSON.

Cómo analizar JSON para caducar

Del mismo modo, para analizar JSON en una cuerda, el JSON.Se utiliza el método Stringify ():

const client =
"Nombre": "Mini Corp.",
"Order_count": 83,
"Dirección": "Little Havana"

Const Data = JSON.Stringify (Cliente)
consola.Dato de registro)

Entonces así es como, usando el JSON.método stringify (), el JSON se puede analizar en el formato de cadena.

Conclusión

El propósito de escribir el artículo es proporcionar una explicación completa y una descripción exhaustiva de cómo se puede leer, escribir y analizar fácilmente los archivos JSON en JavaScript. Pudimos concluir el hecho de que las funcionalidades para la lectura y la escritura se pueden lograr fácilmente mediante el sistema de archivos.Readfile y sistema de archivos.WriteFile.

Discutimos las funcionalidades relativas de los componentes y explicamos cómo podemos proceder utilizando estas funciones. Luego explicamos el método para analizar el método JSON de manera precisa.

En consecuencia, pudimos proporcionar todos los detalles necesariamente importantes que se requirieron para leer, escribir y analizar el método JSON en JavaScript.