Escribí una función que obtiene datos de objetos genéricos y propiedades (claves) cuyos valores deben devolverse:
resultToArray<T>( data: T[], prop: (keyof T | ((row: T) => string))[] = [] ): string[][] { // data: [{id: 1, name: 'first'}, {id: 2, name: 'second'}] -> [[1, 'first'], [2, 'second']] // prop: ['id', 'name'] if (prop.length === 0) { return data.map(Object.values); } else { const output = data.map(d => { const a: string[] = []; for (let i = 0; i < prop.length; i++) { a.push(d[prop[i]]) } return a; }); return output } } Entrada de ejemplo :
data
[ { name: 'Name', address: 'Address', branch: { locale: 'Locale' } }, { name: 'Name2', address: 'Address2', branch: { locale: 'Locale2' } } ]
prop - [ 'name', (d) => d.branch.locale ]
La salida debe ser [['Name', 'Locale'], ['Name2', 'Locale2']]
La función funciona bien para teclas simples, pero para teclas anidadas no funciona
Creo que una solución simple (probada con js puro) sería verificar el tipo de prop [i] y dividir qué funcionalidad se usa.
for (let i = 0; i < prop.length; i++) { if (typeof prop[i] === 'string') { a.push(d[prop[i]]); } else { a.push(prop[i](d)); } }Debe ejecutar la función con los datos como parámetro para obtener realmente el resultado.
Aporte:
resultToArray( [ { name: 'Name', address: 'Address', branch: { locale: 'Locale' , extra: { data: 'Country1' } } }, { name: 'Name2', address: 'Address2', branch: { locale: 'Locale2', extra: { data: 'Country2' } } } ], [ 'name', (d) => d.branch.locale, (d) => d.branch.extra.data ] );Producción:
[ [ 'Name', 'Locale', 'Country1' ], [ 'Name2', 'Locale2', 'Country2' ] ]Deberá verificar si el "accesorio" que desea extraer es una función e invocarlo.
for (let i = 0; i < prop.length; i++) { const propToUse = prop[i]; let value; if (typeof propToUse === 'function') { value = propToUse(d); } else { value = d[propToUse]; } a.push(value); }