js处理后端返回数据问题

后端返回数据如下，我需要取specItems中每一项的specItem和specName，specName是各自的名字标题，specItem是名字后面的数据，名字和数据都是我需要循环的地方

  handleCurrentHelpTable(val){
      this.selectHelpData = val;
      // sku规格名字
      this.productSpecs = val.specItems;
      var list = []
      this.productSpecs.map(item=>{
        list.push(item.specItem)
       
      })
      console.log(list,'dsadsdasadsadas')
      // sku规格标签值
      this.productSpecDetail = list;

productSpecs 是外层specItems然后我循环它取里面的specName的值,之后我map了这个数据把每一项的specItem找了出来，就是每个名字对应的值，

名字循环出来的是正确的，但是值变成了两遍，应该是测试1 1111,2222 颜色 黄色,白色,红色 ，求详细代码解释
应该数据出来是这样

因为你的list添加的是["黄色,白色,红色"]，你可以list=item.specItem.split(',')