formToObject javascript Code Snippet in 2024

Encodes a set of form elements as an object.

• Use the FormData constructor to convert the HTML form to FormData and Array.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' }