以特定格式合并数组

Question

我有2个阵列：

var parent = [
  “aaaa”,
  “bbbb|{ba,bb,bc}”,
  ”cccc|{ca,cb,cc|{cca,ccb }}”,
  “dddd”
];  
var child = [
  “eeee”,
  “cccc|{cc|{ccc,ccd},cd}”,
  ”bbbb|{bd}”
];  

我需要合并这两个数组的元素，使得生成的数组是

var result = [
  “aaaa”,
  ”bbbb|{ba,bb,bc,bd}”,
  “cccc|{ca,cb,cc|{cca,ccb,ccc,ccd},cd”,
  ”dddd”,
  ”eeee”
];

元素在RESULT数组中出现的顺序无关紧要。唯一的要求是元素的分组应该如示例中给出的那样发生。 也就是说，如果一个元素的前缀为“|”的运算符以BASE和CHILD数组的形式存在，则它们需要合并为结果数组中的单个元素，如示例所示。 “|”在数组元素中最多可出现2次。 任何人都可以建议通过javascript实现相同的逻辑吗？