in

¿Cómo importar datos de archivos json locales a mi variable de JavaScript?

60 187394 1565938756

Tenemos un archivo employee.json en un directorio, dentro del mismo directorio tenemos un archivo js, ​​en el que queremos importar el contenido del archivo json.

El contenido de employee.json –

empleados.json

"Employees" : [
   {
      "userId":"ravjy", "jobTitleName":"Developer", "firstName":"Ran","lastName":"Vijay",
      "preferredFullName":"Ran Vijay","employeeCode":"H9","region":"DL","phoneNumber":"34567689",
      "emailAddress":"ranvijay.k.ran@gmail.com"
   },
   {
      "userId":"mrvjy","jobTitleName":"Developer","firstName":"Murli","lastName":"Vijay",
      "preferredFullName":"Murli Vijay","employeeCode":"A2","region":"MU",
      "phoneNumber":"6543565","emailAddress":"murli@vijay.com"
      }
   ]
}

Podemos usar cualquiera de las dos formas de acceder al archivo json:

El uso del módulo require

Código para acceder a employee.json usando el módulo require –

const data = require('./employees.json');
console.log(data);

Usando la función de recuperación

Código para acceder a employee.json usando la función de recuperación –

fetch("./employees.json")
.then(response => {
   return response.json();
})
.then(data => console.log(data));

Nota – Si bien la primera función es más adecuada para el entorno de nodo, la segunda función solo funciona en el entorno web porque la API de recuperación solo es accesible en el entorno web.

Después de ejecutar cualquiera de los anteriores usando la función require o fetch, la salida de la consola es la siguiente:

{
   Employees: [
      {
         userId: 'ravjy',
         jobTitleName: 'Developer',
         firstName: 'Ran',
         lastName: 'Vijay',
         preferredFullName: 'Ran Vijay',
         employeeCode: 'H9',
         region: 'DL',
         phoneNumber: '34567689',
         emailAddress: 'ranvijay.k.ran@gmail.com'
      },
      {
         userId: 'mrvjy',
         jobTitleName: 'Developer',
         firstName: 'Murli',
         lastName: 'Vijay',
         preferredFullName: 'Murli Vijay',
         employeeCode: 'A2',
         region: 'MU',
         phoneNumber: '6543565',
         emailAddress: 'murli@vijay.com'
      }
   ]
}

raja

Publicado el 18-ago-2020 07:04:38

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Cambiar color carpeta Windows con Folder Colorizer

Cambie el color de sus carpetas en Windows con Folder Colorizer

apple touch icon@2

python – ImportError: ningún módulo llamado pandas