const my_arr = [ {id: 1, arr: [{subId: 1, value: 1}], {id: 2, arr: [{subId: 2, value: 2}], {id: 3, arr: [{subId: 3, value: 1}], ] ¿Cómo mapeo sobre esta matriz my_arr y luego mapeo sobre arr para devolver una matriz como esta?
[ {subId: 1, value: 1}, {subId: 3, value: 1}, ]básicamente filtrando solo donde los valores son 1 y luego devolviendo solo ese subobjeto
he intentado hacer
my_arr.map((x) => x.map((y) => y.value === 1 ? y : null))Puede probar este enfoque con flatMap y filter
const my_arr = [ {id: 1, arr: [{subId: 1, value: 1}]}, {id: 2, arr: [{subId: 2, value: 2}]}, {id: 3, arr: [{subId: 3, value: 1}]}, ] const result = my_arr.flatMap(item => item.arr).filter(item => item.value === 1) console.log(result)Su enfoque actual mapea sobre la matriz externa my_arr y luego usa un mapa interno para mapear sobre la matriz interna. Dado que .map() siempre devuelve una matriz, terminará mapeando sus objetos desde su matriz externa a otras matrices, lo que no desea. En su lugar, puede usar .flatMap() que combinará/unirá las matrices internas devueltas en una matriz. Sin embargo, en lugar de usar .map() como su método interno, debe usar .filter() para crear una matriz de objetos que tienen un value de 1 , que luego se fusiona con su matriz externa resultante creada por .flatMap() método:
const my_arr = [ {id: 1, arr: [{subId: 1, value: 1}]}, {id: 2, arr: [{subId: 2, value: 2}]}, {id: 3, arr: [{subId: 3, value: 1}]}, ]; const res = my_arr.flatMap(({arr}) => arr.filter(({value}) => value === 1)); console.log(res);Dado que se trata de una estructura anidada, tendrá que ser poco creativo.
.some para verificar si su condición coincide y devolver la coincidencia.reduce y concat arr de cada elemento Esto será útil si tiene varios elementos en arr .
const my_arr = [ {id: 1, arr: [{subId: 1, value: 1}] }, {id: 2, arr: [{subId: 2, value: 2}] }, {id: 3, arr: [{subId: 3, value: 1}] }, ] const output = my_arr .filter(({ arr }) => arr.some(({value}) => value === 1) ).reduce((acc, { arr }) => acc.concat(arr), []) console.log(output)