类似于商品SKU排列组合

最新推荐文章于 2022-12-12 20:04:19 发布

DuBanL

最新推荐文章于 2022-12-12 20:04:19 发布

阅读量149

点赞数

分类专栏： vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/DuBanL/article/details/116748528

版权

vue 专栏收录该内容

14 篇文章 0 订阅

订阅专栏


<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
  <script type="text/javascript">
    // ["颜色:白,类型:B", "颜色:白,类型:A", "颜色:黑,类型:B", "颜色:黑,类型:A"]
    let final_arr = []
    let arrs = []
    let arr_copy = ''
    let leg = ''
    let array = [
                  {"skuName":"颜色","skuValues":[{"name":"白"},{"name":"黑"}]},
                  {"skuName":"类型","skuValues":[{"name":"B"},{"name":"A"}]},
                  {"skuName":"尺码","skuValues":[{"name":"S"},{"name":"L"}]},
                ]
    
    array.forEach((item , index ) =>  {
      let arr = []
      item.skuValues.forEach((item_p , index_p) => {
        let copy_array = ''
        copy_array = item.skuName + ':' + item_p.name
        arr.push(copy_array)
      }) 
      arrs.push(arr)
    })
    // console.log(arrs)

    let result = arrs.reduce((acc, cur, index) => {
      // console.log(acc , cur , index )
      // 从第二项开始合并值
      if (index > 0) {
        let saveArr = []
        acc.forEach(item => {
          // console.log(item)
          cur.forEach((subItem,sub_index) => {
            // console.log('subItem' , subItem)
            arr_copy = ''
            arr_copy = item + ',' + subItem
            saveArr.push(arr_copy)
          })
          // console.log(arr_copy)
        })
        acc = saveArr
      }
      return acc
    }, arrs[0]) // 把数组的第一项传入作为初始值

    if(array.length ==1) {
      result = arrs
    }


    // console.log(result)
    console.log(result)
  </script>
</body>
</html>

在这里插入图片描述

DuBanL

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
类似于商品SKU排列组合

<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title></head><body> <script type="text/javascript"> // ["颜色:白,类型:B", "颜色:白,类型:A", "颜色:黑,类型:B", "颜色:黑,类型:A"] le.
复制链接

扫一扫