Json para var javascript

estou querendo trabalhar com json, mas não sei pegar um arquivo.json e jogar em uma variável js.

    <!DOCTYPE html>
<html>
<body>

<p id="demo"></p>
 
<script>
var text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';

obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;

</script>

</body>
</html>

Qual sua dúvida exatamente? O código que voce postou funciona.

este funcionando, mas o json está no html, eu queria tira do html e colocar num arquivo.

Vai depender de onde vier o arquivo:

Se for do servidor: https://www.w3schools.com/js/js_json_http.asp

Se for local: https://stackoverflow.com/questions/3582671/how-to-open-a-local-disk-file-with-javascript?answertab=active#tab-top