js 组合问题？

Question

var str="红色,蓝色|1.2米,2.2米|折叠,伸缩";//该变量格式固定每一组都是分割线分开，同组的用逗号分隔，里面的值不固定，也有可能是如下： var str="红色,蓝色|1.2米,2.2米|折叠,伸缩,旋转"; 如何能组成如下字符   红色  1.2米 折叠   红色 1.2米 伸缩   红色 2.2米 折叠  红色 2.米 伸缩  蓝色 。。。。。。类似 想得到这样的结果，请问哪位能帮忙谢谢

Answer 1

利用split('|')把原始字符串分为3个子串，每个子串再split(',')生成color，length，type三个数组，剩下的就是3个数组全组合了

Answer 2

值1,值2|值3,值4|值5,值6

是不是这几个值不定 还是说 这个格式不定？