Carregar arquivo JSON em JavaScript

1. Use a função require() para carregar arquivos JSON em JavaScript
2. Use a função fetch() para carregar arquivos JSON em JavaScript

JSON significa JavaScript Object Notion. É usado para compartilhar dados entre servidores e clientes. JavaScript nos permite carregar JSON local.

Discutiremos como carregar arquivos JSON neste artigo.

Leremos o seguinte arquivo JSON.

"Students" : [
   {
      "firstName":"Ram","lastName":"Sharma"
   }
 ]
}

Use a função require() para carregar arquivos JSON em JavaScript

Em JavaScript, podemos usar o método require() para carregar arquivos e módulos. Isso leva o caminho do arquivo local onde ele foi salvo. Com a ajuda da função console.log(), carrega os dados no servidor e os exibe.

Por exemplo,

const jsonData = require('./students.json');
console.log(jsonData);

Produção:

"Students" : [
   {
      "firstName":"Ram","lastName":"Sharma"
   }
 ]
}

Use a função fetch() para carregar arquivos JSON em JavaScript

Esta função busca o arquivo do caminho onde ele foi salvo e então retorna o arquivo como a resposta no console.data. Esta função só é adequada para trabalhar no ambiente baseado na web, pois a API de busca funciona apenas nesse ambiente.

Depois de ler o arquivo, analisamos os dados usando a função json() e os exibimos.

O código a seguir demonstra a função acima.

fetch('./students.json')
    .then(response => {
      return response.json();
    })
    .then(jsondata => console.log(jsondata));

Produção:

"Students" : [
   {
      "firstName":"Ram","lastName":"Sharma"
   }
 ]
}