Estoy construyendo una solicitud de Ajax usando FormData y no puedo encontrar una forma aceptada de eliminar las claves vacías.
Escribí mi propia forma de hacerlo, pero me pregunto, ¿hay alguna forma de hacerlo sin iterador o una forma más eficiente de iterarlo?
let payload = new FormData(document.querySelector('#form')); [...payload.entries()].forEach(([key, value]) => { if (value == 0) payload.delete(key); });Espero muchas llamadas a esta función en particular, por lo que cada parte de la optimización ayuda.
No podrá evitar un iterador si desea filtrar todo el objeto FormData porque FormData siempre devolverá un objeto con pares clave/valor.
Si puede usar el JS reciente para cosas (o al menos cosas relativamente recientes), la versión más simple/legible probablemente usará Array.filter(). Algo como lo siguiente.
let data = Array .from(new FormData(document.querySelector('#form'))) .filter(function([k, v]) { return v }); Array.from() se usa para obligar al objeto a convertirse en un prototipo de Array para que pueda usar filter() en él. Pero podría usar fácilmente su coerción actual de Array en él.
Una cosa buena de usar Filter, en lugar del actual, es que Filter devolverá una nueva matriz con los datos limpios, en lugar de mutar la carga útil actual como lo está haciendo actualmente.
Enlaces de referencia de MDN
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from