关于处理商品不限定规格数量的取值与操作

今天提问提了一天也没人回答，最后还是只有自己动手不断的尝试最终解决。

如果大佬们有更好的解决思路也欢迎提出。

需求：

规格组的长度可能不定，可能有三五个规格，也可能十来个甚至二十几个规格，要求把所有规格对应的规格值组合成商品（反正我是描述不好的，具体可看最后的处理结果）

原数组（仅部分，理论上是不限层级的）

var specArr = [
            {
                name: '颜色',
                data: ['黄色', '蓝色', '白色'],
            },
            {
                name: '尺寸',
                data: ['5.5', '6.7'],
            },
            {
                name: '机身容量',
                data: ['128', '256']
            }
        ]

这个数组的长度可能会随着用户的设置不断增加

最后期望的组合结果

[
    "黄色-5.5-128-", 
    "黄色-5.5-256-", 
    "黄色-6.7-128-", 
    "黄色-6.7-256-", 
    "蓝色-5.5-128-", 
    "蓝色-5.5-256-", 
    "蓝色-6.7-128-", 
    "蓝色-6.7-256-", 
    "白色-5.5-128-", 
    "白色-5.5-256-", 
    "白色-6.7-128-", 
    "白色-6.7-256-"
]

然后是处理方法

var specArr = [
            {
                name: '颜色',
                data: ['黄色', '蓝色', '白色'],
            },
            {
                name: '尺寸',
                data: ['5.5', '6.7'],
            },
            {
                name: '机身容量',
                data: ['128', '256']
            }
        ]
        var index = 0;

        function specHandle(base, result = []) {
            let res = [];
            if (result.length === 0) {
                for (var i = 0; i < base.data.length; i++) {
                    base.data[i] = base.data[i] + "-"
                }
                res = base.data;
            } else {
                for (var i = 0; i < result.length; i++) {
                    for (var j = 0; j < base.data.length; j++) {
                        res.push(result[i] + base.data[j] + "-")
                    }
                }
            }
            if (specArr[index + 1]) {
                index++;
                specHandle(specArr[index], res)
            } else {
            }
        }
        specHandle(specArr[index])

总结，大致思路是通过递归把每次的处理结果和新找到的结果再拿出去对比。然后得出新的结果继续递归。

想通之后才发现这个问题原来并没什么难的，然鹅它困扰了我两天。

以上更多的还是倾向于个人思路突破，也是第一次写博客，见笑见笑。