tengo una estructura de matriz como la siguiente, que tiene puertos combinados como clave con una matriz anidada. Puedo iterar y mostrar las propiedades con la función .map en ES6 si todo el objeto tiene el mismo número de teclas de puertos combinados. Pero aquí, en el primer objeto, la matriz de puertos combinados aparece tres veces, mientras que en el segundo objeto, la matriz de puertos combinados aparece dos veces. Cómo iterar la clave de puertos combinados si parece diferente de un objeto a otro.
[ { "name": "Test Source", "combinedPorts": [ { "name": "PortGroup_1", "templateId": "edfb5b72ec580b129465ea0e8029bad3", "type": "SourcePorts", "combinedPorts": [ { "name": "Source_1", "templateId": "2355fc02e18cd48c6b487aa8b6f75959", "type": "SourcePorts", "combinedPorts": [ { "name": "Sami_TestSource", "templateId": "0007ad49ea9b02b309a1248592a01981", "type": "SourcePorts" }, ], } ], } ], "portGroupInfo": [] }, { "name": "Test Source", "combinedPorts": [ { "name": "PortGroup_1", "templateId": "edfb5b72ec580b129465ea0e8029bad3", "type": "SourcePorts", "combinedPorts": [ { "name": "Source_1", "templateId": "2355fc02e18cd48c6b487aa8b6f75959", "type": "SourcePorts" } ], } ], "portGroupInfo": [] } ]¿Puede alguien guiarme para lograr esto usando ES6? Gracias por adelantado.
Sugeriría usar un enfoque recursivo, esto se ocupará de cualquier nivel de anidamiento.
Crearíamos una función getNestedArrays() que combinará los elementos en matrices anidadas de un nombre dado: arrayName .
En cada nivel, si encontramos la matriz correcta, agregaremos la matriz a nuestra salida sin matrices secundarias, luego continuaremos recorriendo la estructura.
let input = [ { "name": "Test Source", "combinedPorts": [ { "name": "PortGroup_1", "templateId": "edfb5b72ec580b129465ea0e8029bad3", "type": "SourcePorts", "combinedPorts": [ { "name": "Source_1", "templateId": "2355fc02e18cd48c6b487aa8b6f75959", "type": "SourcePorts", "combinedPorts": [ { "name": "Sami_TestSource", "templateId": "0007ad49ea9b02b309a1248592a01981", "type": "SourcePorts" }, ], } ], } ], "portGroupInfo": [] }, { "name": "Test Source", "combinedPorts": [ { "name": "PortGroup_1", "templateId": "edfb5b72ec580b129465ea0e8029bad3", "type": "SourcePorts", "combinedPorts": [ { "name": "Source_1", "templateId": "2355fc02e18cd48c6b487aa8b6f75959", "type": "SourcePorts" } ], } ], "portGroupInfo": [] } ] function getNestedArrays(obj, arrayName) { let result = []; for(let key in obj) { if (obj[key] && typeof(obj[key]) === 'object') { if ((key === arrayName) && Array.isArray(obj[key])) { // We've found our array, add without child arrays... result.push(...obj[key].map(({ [arrayName]: x, ...row}) => ({ ...row }))) } result.push(...getNestedArrays(obj[key], arrayName)); } } return result; } console.log(getNestedArrays(input, 'combinedPorts')) .as-console-wrapper { max-height: 100% !important; }