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 是不是这几个值不定 还是说 这个格式不定？