Tengo una matriz (lista) profundamente anidada de objetos. Cada objeto tiene una matriz, que puede estar vacía o puede contener otro objeto. Necesito mapearlos y generar un resultado que represente una cadena hecha a partir de los valores de los nombres de cada elemento.
El resultado debería ser 'nombre 1, nombre 2, nombre 3'.
Hasta ahora tengo esto y definitivamente no obtengo lo que necesito:
const list = [ {id: 1, Item: []}, {id: 2, Item: [{name: 'name1'}]}, {id: 3, Item: [{name: 'name2'}, {name: 'name3'}]}, {id: 4, Item: []} ]; const getNames = (list) => { const list = []; _.forEach(list, (child) => { list.push(child.Item); }); const filteredList = list.filter(value => JSON.stringify(value) !== '[]'); const mappedList = _.map(filteredList, (el) => { return el.name; }); return _.join(mappedList, ', '); }; const result= getNames(list); //expected output: 'name 1, name 2, name 3' (string)¿Algunas ideas?
No necesita lodash, se puede hacer usando .reduce() y .map()
const list = [ {id: 1, Item: []}, {id: 2, Item: [{name: 'name1'}]}, {id: 3, Item: [{name: 'name2'}, {name: 'name3'}]}, {id: 4, Item: []} ]; const getNames = (arr) => { const names = arr.reduce((acc, {Item})=>[ ...acc, ...Item.map(({name})=> name) ], []); return names.join(', '); } console.log(getNames(list)); Algunos comentarios sobre su código: tiene objetos en conflicto llamados list : es una variable global, un argumento de getNames() y una variable de alcance local dentro de esa función. El _.forEach itera a través de una variable de ámbito local vacía en lugar del argumento. Tenga cuidado con los nombres de variables en conflicto 😊