数据转化的问题

Question

假如说我现在有一段这样的数据

type=line&areaStyle.show=true&lineStyle.normal.color=#000

&lineStyle.normal.width=2

type=bar&areaStyle.show=false&lineStyle.normal.color=#fff

&lineStyle.normal.width=

从数据中我们可以看出从type开始到lineStyle.normal.width结束重复了，我需要的是重复了几次就往数组里塞几个对象，以上重复了两段那么最终的格式如下，我是一点都摸不着头绪，js这方面比较弱，望大神指点，最好能简单阐述下思路我可以慢慢研究

[

{

  type:'line',

  areaStyle:{

    show:true

  },

  lineStyle:{

    normal:{

      color:'#000',

      width:2

    }

  }

},

{

  type:'bar',

  areaStyle:{

    show:true

  },

  lineStyle:{

    normal:{

      color:'#fff'

      width:

    }

  }

},

]