js动态创建规格

置顶是你前端伟哥

已于 2022-05-30 17:59:59 修改

阅读量431

点赞数

文章标签： js

于 2020-10-21 23:09:07 首次发布

本文链接：https://blog.csdn.net/weixin_47705597/article/details/109212189

版权

var array = [{
  attrid: '1',
  name: '颜色',
  values: [{
    attrvid: '1-1',
    value: '黄色'
  },
  {
    attrvid: '1-2',
    value: '绿色'
  },
  {
    attrvid: '1-3',
    value: '红色'
  }
  ]
},
{
  attrid: '2',
  name: '尺码',
  values: [{
    attrvid: '2-1',
    value: '41'
  },
  {
    attrvid: '2-2',
    value: '42'
  },
  {
    attrvid: '2-3',
    value: '43'
  }
  ]
},
{
  attrid: '3',
  name: '季节',
  values: [{
    attrvid: '3-1',
    value: '秋季'
  },
  {
    attrvid: '3-2',
    value: '冬季'
  },
  {
    attrvid: '3-3',
    value: '夏季'
  }
  ]
}
];

function addAttr (array, data = []) {
  array.forEach(item => {
    data = forma_array(item.values, data)
  })
  function forma_array (array1, data) {
    let rows = [];
    if (data.length == 0) {
      array1.forEach(item => {
        rows.push([item])
      })
    } else {
      data.forEach(item => {
        array1.forEach(item1 => {
          rows.push([...item,item1])
        })
      })
    }

    return rows;
  }

  return data
}
let data = addAttr(array)