Trabajo con FormData en JavaScript

Supongamos que tenemos un formulario:

html<form action="/target/" method="POST">
  <input name="test1" value="123">
  <input name="test2" value="456">
  <input type="submit">
</form>

Supongamos que queremos obtener los datos de este formulario en forma de pares clave-valor. Está claro que para ello tendremos que ejecutar un bucle y en él formar lo deseado. En JavaScript, sin embargo, existe una forma más sencilla: se puede utilizar un objeto especial FormData, que permite obtener los datos del formulario de manera ordenada.

Analicemos cómo trabajar con este objeto. Primero, obtengamos una referencia a nuestro formulario:

javascriptlet form = document.querySelector('form');

Ahora creemos un objeto con nuestro formulario:

javascriptlet formData = new FormData(form);

Podemos mostrar nuestro objeto en la consola, sin embargo, con tal visualización no veremos los datos del formulario:

javascriptconsole.log(formData);

Transformemos nuestro objeto en un array para ver los datos del formulario:

javascriptconsole.log(Array.from(formData));