0
324
Vistas¿Cómo puedo crear una matriz de objetos extrayendo una matriz que está dentro de otra matriz de objetos en Javascript/Typescript?
Estoy tratando de crear una nueva matriz basada en otra matriz de objetos que tiene otra matriz de objetos dentro de sus claves. Para explicarme. Tengo las siguientes interfaces:
export interface RouteElement{ component?: Type<any>; path: string; label: string; data?:{ message?: string} } export interface RouterNodeElement{ label: string; children: RouteElement[] }y tengo esta matriz
routerNodes: [ { label: "NodeRoute", children: [ { path: 'child', label: 'child', data: { message: 'child' }}] } ]Básicamente, tengo una matriz de routerNodes con la clave dentro de "Children" y lo que quiero es extraer todos los "Children" y crear una nueva matriz con cada hijo de cada routerNodel pero no puedo encontrar una manera de aplanar ese objeto. .
const flatRouterNodes = this.routerNodes.map( route => { return route.children.map( child => child); });Lo que obtuve
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
¿Es esto lo que estás buscando?
const routeNodes = [ { label: "NodeRoute", children: [ { path: 'child', label: 'child', data: { message: 'child' }}] }, { label: "R2", children: [ { path: 'child', label: 'child', data: { message: 'child' }}] } ] routeNodes.reduce((acc, curr) => [...acc, ...curr.children], []) // [ // { path: 'child', label: 'child', data: { message: 'child' } }, // { path: 'child', label: 'child', data: { message: 'child' } } // ] También puedes usar flatMap :
routerNodes.flatMap((item) => item.children) Tenga en cuenta que flatMap no funciona en IE 11, pero parece tener más rendimiento que reduce ( consulte el punto de referencia ).
·
Juan Pablo Isaza
Denunciar
0
Puedes usar reduce y forEach
let routerNodes = [ { label: "NodeRoute", children: [ { path: 'child', label: 'child', data: { message: 'child' }}] } ] let childerns = routerNodes.reduce((acc,curr)=>{ curr.children.forEach(child => acc.push(child)) return acc },[]) console.log(childerns) let routerNodes = [{label: "NodeRoute",children: [{path: 'child',label: 'child',data: {message: 'child'}}]},{label: "NodeRoute2",children: [{path: 'child2',label: 'child2',data: {message: 'child2'}}]}] let childerns = routerNodes.flatMap(curr => curr.children) console.log(childerns)También puedes usar flatMap
·
Juan Pablo Isaza
Denunciar
Responde la pregunta