Form to object
JavaScript, Browser, Object · Oct 19, 2020

Encodes a set of form elements as an object
.
- Use the
FormData
constructor to convert the HTMLform
toFormData
andArray.from()
to convert to an array. - Collect the object from the array using
Array.prototype.reduce()
.
const formToObject = form =>
Array.from(new FormData(form)).reduce(
(acc, [key, value]) => ({
...acc,
[key]: value
}),
{}
);
formToObject(document.querySelector('#form'));
// { email: 'test@email.com', name: 'Test Name' }