javascript - 一个数组下面循环出两种商品规格，请给我点思路，谢谢！

Question

这个是我拿到的数组

这个是我想要的效果

可是我却一直搞成这样子,请求各位大神给我点建议,或者给我点思路,小弟感激不尽了!!!
判断什么颜色，和版本的，没法用呀，这个数据是动态的，如果写死了，通过判断来做的话，我就不来这里提问了，因为淘宝的也是这样数据结构

Answer 1

从图上看

specList[0] 拿到的是 颜色
specList[1] 拿到的是 版本

当然如果不确定列表第一个一定是颜色，那根据specId过滤/判断分别得到

Answer 2

不就是嵌套数据遍历吗？

specList.forEach(function(item){
    console.log(item)
    item.specValueList.forEach(item){
       console.log(item)
    }
})

Answer 3

数组遍历取值的问题，这里要 理清数据的结构就没问题了

for(var i in specList){//取specList数据
    console.log(specValueList[i].list);//这里分别得到颜色 版本 的数组  
    var list= specValueList[i].list;
    //如果是多个的情况下，比如还有其他的specId：4 ，spec:xxx  则需要判断   
    if(list.spec=="xxxx"){
        //TODO...
    }
}

Answer 4

我后面知道了,这种是商品属性组合,sku,百度就行了的问题,感谢各位的回答!