Tengo una matriz de objetos de la que estoy tratando de obtener valores usando el operador de mapa, pero obtengo todos los objetos json, todo lo que quiero es solo una matriz de valores. A continuación se muestra mi código:
const obj = [ { a: { b: 'Paul', } }, { c: 'Byeeee', } ]; obj.map((val) => console.log(val));lo que estoy recibiendo es
{ a: { b: 'Paul' } } { c: 'Byeeee' }lo que quiero es:
['Paul','Byeeee']Alguien hágame saber cómo puedo obtener el resultado deseado.
Puedes hacer esto recursivamente. Primero puede comenzar tomando los valores de su objeto y luego recorrerlos usando .flatMap() . Si encuentra un valor que es un objeto, puede tomar recursivamente los valores de ese objeto recordando su función. De lo contrario, puede devolver el valor. La ventaja de usar .flatMap() aquí es que cuando la llamada recursiva devuelve una matriz, no terminamos con matrices internas, sino que la matriz se aplana en una matriz resultante:
const obj = [{ a: { b: 'Paul', } }, { c: 'Byeeee', } ]; const getValues = (obj) => { return Object.values(obj).flatMap(val => Object(val) === val ? getValues(val) : val); } console.log(getValues(obj));puede utilizar la siguiente solución.
const data = [{ a: { b: 'Paul' } }, { c: 'Byeeee' }]; const flatObjectValues = (obj, result) => { // recursive function to get object values const objValues = Object.values(obj); if (objValues?.length > 0) { objValues.map((v) => { if (typeof v === 'object' && !Array.isArray(v)) { flatObjectValues(v, result); } else { result.push(v); } return v; }); } }; const updatedData = []; data.map((x) => flatObjectValues(x, updatedData)); console.log('updatedData: ', updatedData);Puede usar recursion con array.reduce , como Fellowing.
function getAllValues(objuct) { return objuct.reduce((acc, curr) => { if (typeof curr === 'object') { return [...acc, ...getAllValues(Object.values(curr))]; } return [...acc, curr]; }, []); }