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
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!