Trabajo con FormData en JavaScript

Supongamos que tenemos un formulario:

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

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

Ahora creemos un objeto con nuestro formulario:

let formData = new FormData(form);

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

console.log(formData);

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

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

Se da un formulario con tres inputs. También se da un botón. Al hacer clic en el botón, obtenga los datos del formulario en forma de un objeto FormData.