É possível converter os dados de um formulário HTML para JSON de forma muito prática.

1. Primeiro selecionamos nosso elemento form
2. Então criamos uma instância de FormData usando nosso form
3. Então podemos usando Object.fromEntries usando o método entries da instância FormData

const form = document.querySelector('form')
const data = new FormData(form)
const values = Object.fromEntries(data.entries())
console.log(values)

Desta forma temos todos elementos do formulário mapeados num objeto JSON, como esperado.

Espero ter ajudado, valeeeeu
[]s