Tengo 3 matrices principales que a veces pueden tener diferentes longitudes que se denominan Opciones . Cada opción tiene una matriz de valores que también pueden tener diferentes longitudes. Ejemplo de esto sería algo como esto
[ { name: "Option 1", values: ["Blue","Red","Orange"] }, { name: "Option 2", values: ["Small","Medium","Large"] }, { name: "Option 3", values: ["Cotton","Satin"] } ]
El resultado debería generar una matriz como esta
[ { title: "Blue/Small/Cotton", price: "10.00" }, { title: "Blue/Small/Satin", price: "10.00" }, { title: "Blue/Small/Cotton", price: "10.00" }, { title: "Blue/Medium/Satin", price: "10.00" }, ]
Y así. Intenté mapear las opciones, pero saber el tamaño de las múltiples matrices es lo que no pude entender.
SOLUCIÓN Logré obtener una solución.
product.options.reduce( (a, b) => a.flatMap((x) => b.values.map((y) => [...x, y])), [[]] );