Работа с FormData в JavaScript

Пусть у нас есть некоторая форма:

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

Пусть мы хотим получить данные этой формы в виде пар ключ-значение. Понятно, что для этого нам придется запустить цикл и в нем сформировать желаемое. В JavaScript, однако, существует способ попроще - можно использовать специальный объект FormData, позволяющий в упорядоченном виде получать данные формы.

Давайте разберем работу с этим объектом. Для начала получим ссылку на нашу форму:

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

Теперь создадим объект с нашей формой:

let formData = new FormData(form);

Можно вывести наш объект в консоль, однако при таком выводе данные формы мы не увидим:

console.log(formData);

Преобразуем наш объект в массив, чтобы увидеть данные формы:

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

Дана форма с тремя инпутами. Дана также кнопка. По нажатию на кнопку получите данные формы в виде объекта FormData.