Carregue o arquivo JSON local na variável

Ao programar em JavaScript, pode haver alguns casos em que o desenvolvedor precisa integrar várias funcionalidades para adicionar significado a eles. Isso auxilia a associar os recursos implementados ou armazenar os dados em massa também. Em tais cenários, carregar um arquivo JSON local em uma variável é de grande ajuda para destacar o site.

Este blog discutirá as abordagens para carregar o arquivo JSON local em uma variável.

Como carregar o arquivo JSON local na variável?

Para carregar o arquivo JSON local em uma variável, aplique as seguintes abordagens:

• ““buscar()" e "então()" Métodos.
• ““exigir”Módulo.

Carregue o arquivo JSON local em uma variável usando métodos "buscar" e "então ()"

O "buscar()”O método busca um recurso do servidor e o“então()”Método retorna uma promessa fazendo dois argumentos, eu.e., Função de retorno de chamada para o caso de sucesso e falha da promessa. Essas abordagens podem ser aplicadas para buscar um arquivo json, acessar seus dados e retornar.

Sintaxe

então (cumprido, rejeitado)

Na sintaxe acima:

• ““realizada”Refere -se à promessa cumprida.
• ““rejeitado”Corresponde à promessa rejeitada.

buscar (recurso)

Na sintaxe acima mencionada, “recurso”Aponta para o recurso específico para buscar.

Exemplo

Vamos passar pelos seguintes dados do arquivo JSON:

"Funcionários":[

"Nome": "xyz", "mês": "dezembro", "alvo": "45", "alcançado": "36", "pendente": "9"
,

"Nome": "ABC", "mês": "dezembro", "Target": "45", "alcançado": "54", "pendente": "0"

]

No arquivo acima, armazene os dados declarados na forma de “valor chavePares.

Agora, vamos para o JS Snippet abaixo do JS abaixo:

De acordo com o código acima:

• Primeiro de tudo, aplique o “buscar()”Método para buscar o discutido“JSON" arquivo.
• Na próxima etapa, associe o “então()”Método do objeto Promise referente à função de retorno de chamada para“sucesso", eu.e., resposta.
• Agora, devolva o objeto de promessa correspondente.
• Por fim, consulte os dados contidos no arquivo buscado e exibi -los no console.

Saída

Na saída acima, pode -se observar que o arquivo json foi buscado com sucesso e os dados adicionados são exibidos.

A mesma funcionalidade também pode ser alcançada simplesmente inserindo as seguintes linhas de código usando o “exigirMódulo:

const dados = requer ('./funcionário.json ');
console.log (dados);

Isso se tratava de carregar um arquivo JSON em uma variável usando JavaScript.

Conclusão

Para carregar o arquivo JSON local em uma variável, aplique o combinado “buscar()" e "então()”Métodos ou os“exigir”Módulo. Essas abordagens podem ser utilizadas para simplesmente carregar o arquivo JSON criado, consulte a promessa cumprida e devolva os dados contidos com base nisso. Este artigo ilustrou as abordagens para carregar o arquivo JSON local em uma variável.