Cargar el archivo JSON local en variable

Mientras se programan en JavaScript, puede haber algunos casos en los que el desarrollador necesita integrar múltiples funcionalidades para agregarles significado. Esto ayuda a asociar las características implementadas o almacenar los datos masivos también. En tales escenarios, cargar un archivo JSON local en una variable es de gran ayuda para que el sitio se destaque.

Este blog discutirá los enfoques para cargar el archivo JSON local en una variable.

Cómo cargar el archivo JSON local en variable?

Para cargar el archivo JSON local en una variable, aplique los siguientes enfoques:

• "buscar()" y "entonces()" Métodos.
• "requerir"Módulo.

Cargue el archivo JSON local en una variable utilizando métodos "buscar" y "luego ()"

El "buscar()"El método obtiene un recurso del servidor y el"entonces()El método devuelve una promesa al tomar dos argumentos, yo.mi., Función de devolución de llamada para el éxito y el caso de fracaso de la promesa. Estos enfoques se pueden aplicar para obtener un archivo JSON, acceder a sus datos y devolverlo.

Sintaxis

Entonces (cumplido, rechazado)

En la sintaxis anterior:

• "satisfecho"Se refiere a la promesa realizada.
• "rechazado"Corresponde a la promesa rechazada.

buscar (recurso)

En la sintaxis dada anteriormente, "recurso"Señala el recurso particular para buscar.

Ejemplo

Pasemos los siguientes datos del archivo JSON:

"Empleados":[

"Nombre": "xyz", "mes": "diciembre", "objetivo": "45", "logrado": "36", "pendiente": "9"
,

"Nombre": "ABC", "Mes": "Diciembre", "Target": "45", "logrado": "54", "pendiente": "0"

]

En el archivo anterior, almacene los datos establecidos en forma de "valor clave"Pares.

Ahora, pasemos al código JS Snippet a continuación:

Según el código anterior:

• En primer lugar, aplique el "buscar()"Método para buscar lo discutido"Json" archivo.
• En el siguiente paso, asocie el "entonces()"Método del objeto prometedor que se refiere a la función de devolución de llamada para"éxito", i.mi., respuesta.
• Ahora, devuelva el objeto de promesa correspondiente.
• Por último, consulte los datos contenidos en el archivo recuperado y visualelo en la consola.

Producción

En la salida anterior, se puede observar que el archivo JSON se ha recuperado con éxito y se muestran los datos adicionales.

La misma funcionalidad también se puede lograr simplemente ingresando las siguientes líneas de código utilizando el "requerir"Módulo:

const data = require ('./empleado.json ');
consola.Dato de registro);

Se trataba de cargar un archivo JSON en una variable usando JavaScript.

Conclusión

Para cargar el archivo JSON local en una variable, aplique el combinado "buscar()" y "entonces()"Métodos o el"requerir"Módulo. Estos enfoques se pueden utilizar para simplemente cargar el archivo JSON creado, consulte la promesa cumplida y devolver los datos contenidos basados ​​en eso. Este artículo ilustra los enfoques para cargar el archivo JSON local en una variable.