Quiero crear una forma más inteligente de codificación del siguiente ejemplo. Es importante que cada ciclo (para filtros activos) debe completarse por completo, antes de que queramos devolver la prueba de filtros.
const createFilters = async () => { const filtersTest = [] as any // Only create active filters by checking count. const activeFilters = getComponentFilter.value.filter(function(item) { if (item.items) { return item.items.some((obj) => obj.count) } }); // Loop through the active filters and push arrays into the object. for(let i = 0 ; i < activeFilters.length; i++) { const options = await createFilterOptions(activeFilters[i].id, activeFilters[i].items); const array = { defaultValue: null, id: activeFilters[i].id, value: 'nee', label: activeFilters[i].label, options: options, } filtersTest.push(array) } return filtersTest; }En primer lugar, debe quedar claro que createFilters no devolverá la matriz, sino una promesa que eventualmente se resolverá en esa matriz.
Con eso en mente, puede reducir un poco su código usando Promise.all , el ?. operador, parámetros de desestructuración y nombres de propiedad abreviados en literales de objetos:
const createFilters = () => Promise.all( getComponentFilter.value.filter(({items}) => items?.some((obj) => obj.count) ).map(({id, label, items}) => createFilterOptions(id, items).then(options => ({ defaultValue: null, id, value: 'nee', label, options })) ) );