Pedro, boa tarde!

Um jeito simples de fazer seria assim:

1 - Para ler os seus dados em json primeiro temos que criar o arquivo.json, você pode usar o exemplo abaixo:

data = '[{"name" : "Ashwin", "age" : "20"},{"name" : "Abhinandan", "age" : "20"}]';

2 - Chame o arquivo no seu html usando a tag script

<script type="text/javascript" src="data.json"></script>

3- Faça um arquivo que leia esse json e mostre ele

<script>
var mydata = JSON.parse(data);
alert(mydata[0].name);
alert(mydata[0].age);
alert(mydata[1].name);
alert(mydata[1].age);
</script>

Fonte: https://stackoverflow.com/questions/19706046/how-to-read-an-external-local-json-file-in-javascript

Espero ter ajudado e bons estudos

Boa tarde,

No caso seria de um arquivo local já criado, pode ser feito dessa mesma maneira?

Pedro, boa tarde!

Pode sim, basta apenas colocar o arquivo json daquela forma citada acima!