Así que tengo una matriz que se ve así:
['id1/id2', 'id3', 'id4/id5/id6']Aunque puede tener más de 3 entradas o más valores divididos (/ cosas), estos pueden cambiar según el estado de la aplicación, pero este es un ejemplo estándar.
Estoy tratando de salida:
[ ['id1', 'id3', 'id4'], ['id1', 'id3', 'id5'], ['id1', 'id3', 'id6'], ['id2', 'id3', 'id4'], ['id2', 'id3', 'id5'], ['id2', 'id3', 'id6'] ]Creo que se puede usar un bucle forEach para recurrir, pero me quedé atascado en la sintaxis, por lo que probé un tpye recursivo funcional estándar. Tampoco estaba seguro sobre el procedimiento de devolución para generar la salida. Lo que tengo hasta ahora es:
singleOptionStemGenerator(route: string[]): [string[]] { let returnArray: [string[]]; route.forEach((options: string) => { // split into the various options let splitOption: string[] = options.split('/'); splitOption.forEach((str: string) => { if(route.length > 1) { this.singleOptionStemGenerator(route.splice(0, 1)); } else { return str; } }) }); return returnArray; }Pero no estoy seguro de cómo fusionar los valores de ID en una nueva matriz y luego agregarlos a una nueva matriz en general.
EDITAR: La solución dada a continuación para mí era un poco densa, así que la revisé y la convertí en una función y la anoté por completo. También lo hice mecanografiado (que yo uso). La solución es toda la respuesta a esto, esto solo se siente desinfectado para facilitar la lectura y el aprendizaje: https://codepen.io/bogomip/pen/LYLjrxa
Lo que está buscando generalmente se llama Producto cartesiano . Con una función auxiliar que los calcula, esto se vuelve casi trivial.
Aquí hay una versión:
const cartesian = ([xs, ...xss]) => xs = undefined ? [] : xss.length == 0 ? xs .map (x => [x]) : xs .flatMap (x => cartesian (xss) .map (ys => [x, ...ys])) const separate = (xs) => cartesian (xs .map (x => x .split ('/'))) console .log (separate (['id1/id2', 'id3', 'id4/id5/id6'])) .as-console-wrapper {max-height: 100% !important; top: 0}Un comentario dejó en claro que este código es algo denso. Parte de eso es mi inclinación por la codificación de solo expresiones. Para aquellos más acostumbrados a Javascript de estilo de expresión y declaración, esta versión podría ser más familiar:
const cartesian = (xss) => { if (xss .length == 0) { return [] } const first = xss [0] const rest = xss .slice (1) if (rest .length == 0) { return first .map (x => [x]) } const cartesianEnd = cartesian (rest) return first .flatMap ( x => cartesianEnd .map (ys => [x, ...ys]) ) }Si ese estilo es más de su agrado, eso también puede ayudar a explicar el código tal como lo escribí. Excepto que... escribir eso me hizo darme cuenta de que había una horrible ineficiencia en mi primer acercamiento. Desafortunadamente, la solución agrega algo de complejidad, pero claramente vale la pena:
const cartesian = ([xs, ...xss]) => xs = undefined ? [] : xss.length == 0 ? xs .map (x => [x]) : ((yss = cartesian (xss)) => xs .flatMap (x => yss .map (ys => [x, ...ys]))) () El problema era que estaba recalculando el producto de las matrices restantes para cada elemento de mi matriz actual. Estos no cambian, y deberíamos hacer esto solo una vez. ¡Ahh para let -bindings reales en JS! Podríamos hacer esto de muchas maneras diferentes, pero esta no es tan mala.