[Dúvida] Modelo de arquivo Json()

Oi, Eduardo. Tudo bem?

Quando você faz uma requisição a uma API, a resposta que você recebe é um objeto que contém os dados em formato JSON, mas ele ainda não é um objeto JavaScript. Para poder manipular esses dados no seu código JavaScript, você precisa convertê-los para um objeto JavaScript. É aí que entra a função .json().

Vamos ver um exemplo prático:

const endpointDaApi = 'https://guilhermeonrails.github.io/casadocodigo/livros.json';

async function getBuscaLivrosDaAPI() {
    const res = await fetch(endpointDaApi);
    const livros = await res.json();
    console.log(livros);
}

getBuscaLivrosDaAPI();

Nesse código, fetch(endpointDaApi) faz a requisição para a API e retorna uma promessa que, quando resolvida, contém a resposta da requisição. Essa resposta precisa ser convertida para um objeto JavaScript, e é isso que res.json() faz. Ele retorna outra promessa que, quando resolvida, nos dá os dados em um formato que podemos manipular no JavaScript.

Sem essa conversão, você não conseguiria acessar os dados da API da forma que está acostumado a fazer com objetos JavaScript, como por exemplo: livros[0].titulo.

Espero ter ajudado.

Um abraço e bons estudos.