将数组里面相同的值的数据进行分组展示

2020年11月3日 90次阅读 来源: suzyCai

原数据是这样

《将数组里面相同的值的数据进行分组展示》

结果是这样
《将数组里面相同的值的数据进行分组展示》

 var data = [
        { 
          base_color_name: '白底深蓝色',
          base_size_code: '40',
          main_ratio: '',
          ratio: ''
        },
        { 
          base_color_name: '白底深蓝色',
          base_size_code: '41',
          main_ratio: '',
          ratio: ''
        },
        { 
          base_color_name: '纯黑',
          base_size_code: '41',
          main_ratio: '0',
          ratio: '3'
        },
        { 
          base_color_name: '纯黑',
          base_size_code: '42',
          main_ratio: '0',
          ratio: '3'
        },
        { 
          base_color_name: '黑底深紫色',
          base_size_code: '43',
          main_ratio: '',
          ratio: ''
        },
        { 
          base_color_name: '黑底深紫色',
          base_size_code: '45',
          main_ratio: '',
          ratio: ''
        }
      ]

      let resultArr = data.reduce(function(a, b) { 
        const v = b['base_color_name']
        if (!a[v]) { 
          a[v] = { 
            ratio: [],
            main_ratio: []
          }
        }
        a[v].ratio.push(b['ratio'])
        a[v].main_ratio.push(b['main_ratio'])
        return a
      }, { })
      resultArr = Object.keys(resultArr).map(function(item) { 
        return { 
          base_color_name: item,
          ratio: resultArr[item].ratio,
          main_ratio: resultArr[item].main_ratio
        }
      })

      console.log(resultArr)
    原文作者：suzyCai
    原文地址: https://blog.csdn.net/weixin_42080477/article/details/109495316
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞