Como inspecionar os dados do FormData

Neste artigo você vai aprender a inspecionar os dados do FormData, ou seja, debugar o que está no FormData

Fala programador(a), beleza? Bora aprender mais sobre FormData!

O FormData é um objeto que carrega dados de formulário

Geralmente adicionamos novos dados com o método append

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Porém não há uma forma tão simples de inspecioná-lo, a melhor alternativa hoje é utilizando um for of

Veja o exemplo abaixo:

var formData = new FormData();

formData.append('name', 'Matheus');
formData.append('job', 'Programador');

for (const data of formData.entries()) {
    console.log(`${data[0]} = ${data[1]}`); 
}

// "name = Matheus"
// "job = Programador"

Primeiramente criamos um FormData com dados fictícios, para ilustrar o exemplo

Depois criamos a estrutura for of, com uma variável temporária de data

Esta variável vai carregar a chave e valor de cada item presente no FormData

Acessando o índice 0 temos a chave, e o 1 temos o valor

Agora ficou mais simples, né? 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

No artigo de hoje você viu como inspecionar os dados do FormData

Utilizamos um operador chamado for of, que faz o loop no FormData

A partir deste loop podemos acessar as chaves e valores do objeto, desmistificando o que há nele

Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!