Serialize all form data into an array

serializeArray.js

/**
 * Serialize all form data into an array
 * {@link https://gist.github.com/kieranbarker/16305b75e4fd8da6695d81865e1ba188}
 * @param {HTMLFormElement} form The form to serialize
 * @returns {Array} The serialized form data
 */
function serializeArray (form) {
  // Create a new FormData object
  const formData = new FormData(form);

  // Create an array to hold the name/value pairs
  const pairs = [];

  // Add each name/value pair to the array
  for (const [name, value] of formData) {
    pairs.push({ name, value });
  }

  // Return the array
  return pairs;
}

View the demo:

https://codepen.io/kieranbarker/pen/PoGdQLO