
Tenemos un archivo employee.json en un directorio, en el mismo directorio tenemos un archivo js donde queremos importar el contenido del archivo json.
El contenido de employee.json –
Empleado.json
"Employees" : [ { "userId":"ravjy", "jobTitleName":"Developer", "firstName":"Ran","lastName":"Vijay", "preferredFullName":"Ran Vijay","employeeCode":"H9","region":"DL","phoneNumber":"34567689", "emailAddress":"[email protected]" }, { "userId":"mrvjy","jobTitleName":"Developer","firstName":"Murli","lastName":"Vijay", "preferredFullName":"Murli Vijay","employeeCode":"A2","region":"MU", "phoneNumber":"6543565","emailAddress":"[email protected]" } ] }
Podemos acceder al archivo JSON de dos formas:
Usando el módulo requerido
Código para acceder a employee.json con módulo de solicitud –
const data = require('./employees.json'); console.log(data);
Uso de la función de restauración
Código para acceder a employee.json usando la función de búsqueda –
fetch("./employees.json") .then(response => { return response.json(); }) .then(data => console.log(data));
Nota – Aunque la primera función es más adecuada para el entorno de nodos, la segunda función solo funciona en el entorno web porque solo se puede acceder a la API de restauración 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: '[email protected]' }, { userId: 'mrvjy', jobTitleName: 'Developer', firstName: 'Murli', lastName: 'Vijay', preferredFullName: 'Murli Vijay', employeeCode: 'A2', region: 'MU', phoneNumber: '6543565', emailAddress: '[email protected]' } ] }
Publicado el 18/08/2020 07:04:38
: [2021] ¿Cómo importo datos de archivos JSON locales a mi variable de JavaScript? {HD}