Serialize a element containing form controls

serialize.js

export function serialize(element) {
    // I could probably use form.elements here
    // But I want this to work if elements are just in a div
    const controls = Array.from(element.querySelectorAll("input, textarea, select, button"));

    const withoutName = (control) => !!control.name;
    const disabled    = (control) => !control.disabled;
    const removeFiles = (control) => !control.matches('input[type="file"]');
    const checkboxes  = (control) => control.matches('input[type="checkbox"], input[type="radio"]')?control.checked:true;
    
    const selectedOptions = (option) => option.selected;
  
    // special handing for select elements
    const serSelect = function(select) {
        return Array.from(select.options)
          .filter(selectedOptions)
          .filter(disabled)
          .map(option => [select.name, option.value]);
    };
  
    const ser = function(control){
        if(control.matches("select")) return serSelect(control);
        return [[control.name, control.value]];
    };
  
    return [].concat(...controls
      .filter(withoutName)
      .filter(disabled)
      .filter(checkboxes)
      .filter(removeFiles)
      .map(ser));
};