JS中解决商品属性组合、多数组单项合并

春风得意的风

于 2021-07-15 09:26:03 发布

阅读量828

点赞数

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_42242976/article/details/118731196

版权

在电商项目中，商品属性的组合与价格关联是常见需求。文章介绍了如何处理后台动态配置的商品属性数据，通过将数据转换为二维数组，并进行项拼接，最终生成目标组合数据。内容涉及JavaScript和Vue.js技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在商城类项目中，经常会出现多个商品属性，选择对应的属性有不同的价格显示

这种属性在后台管理系统中动态配置，后台返回的商品属性如下

 let ary= [{
                proName: 'color',
                valueList: [{
                        value: 'red'
                    },
                    {
                        value: 'blue'
                    }
                ]
            },
            {
                proName: 'weight',
                valueList: [{
                        value: '10g'
                    },
                    {
                        value: '20g'
                    },
                    {
                        value: '30g'
                    }
                ]
            },
            {
                proName: 'test',
                v

最低0.47元/天解锁文章