js将数组根据指定属性值分组成二维数组

最新推荐文章于 2024-07-10 11:50:15 发布

柠檬花开_

最新推荐文章于 2024-07-10 11:50:15 发布

阅读量1.1k

点赞数 1

分类专栏： map

本文链接：https://blog.csdn.net/Sunny_lxm/article/details/126008935

版权

分组数组重构 multi字段 codeKey codeType

关键词由CSDN通过智能技术生成

map 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

根据mulit字段+codeKey+codeType三个字段进行分组

oneDimensionalArr: [
     {multi: 'one',codeKey: 'LTL', codeType: 1, name: 'ABC', id: 1},
     {multi: 'one',codeKey: 'LTL', codeType: 1, name: 'ioh', id: 3},

     {multi: 'mulit',codeKey: 'LTL', codeType: 1, name: 'CDF', id: 6},

     {multi: 'mulit',codeKey: 'FES', codeType: 1, name: 'werr', id: 4},

     {multi: 'one',codeKey: 'FES', codeType: 2, name: 'ytg', id: 5},
     {multi: 'one',codeKey: 'FES', codeType: 2, name: 'CDF', id: 2},

     {multi: 'mulit',codeKey: 'FRE', codeType: 2, name: 'etery', id: 7},
     {multi: 'mulit',codeKey: 'FRE', codeType: 2, name: 'nvn', id: 8},
     {multi: 'mulit',codeKey: 'FRE', codeType: 2, name: 'abc', id: 9},

     {multi: 'one',codeKey: 'Small', codeType: 1, name: 'ware', id: 10},
     {multi: 'one',codeKey: 'Small', codeType: 1, name: 'trwe', id: 11},
]

最终想要的结果

[
      {
        multi: 'one',
        codeKey: 'LTL', 
        codeType: 1, 
        list:[
          {multi: 'one',codeKey: 'LTL', codeType: 1, name: 'ABC', id: 1},
          {multi: 'one',codeKey: 'LTL', codeType: 1, name: 'ioh', id: 3},
        ]
     },
     {
        multi: 'mulit',
        codeKey: 'LTL', 
        codeType: 1, 
        list:[{multi: 'mulit',codeKey: 'LTL', codeType: 1, name: 'CDF', id: 6}]
    },
    {
      multi: 'mulit',
      codeKey: 'FES', 
     codeType: 1, 
      list:[
            {multi: 'mulit',codeKey: 'FES', codeType: 1, name: 'werr', id: 4},
           ]
    },
    {
      multi: 'one',
      codeKey: 'FES', 
      codeType: 2, 
      list:[
             {multi: 'one',codeKey: 'FES', codeType: 2, name: 'ytg', id: 5},
              {multi: 'one',codeKey: 'FES', codeType: 2, name: 'CDF', id: 2},
          ]
  },
  {
     multi: 'mulit',
     codeKey: 'FRE', 
     codeType: 2, 
     list:[
            {multi: 'mulit',codeKey: 'FRE', codeType: 2, name: 'etery', id: 7},
            {multi: 'mulit',codeKey: 'FRE', codeType: 2, name: 'nvn', id: 8},
           {multi: 'mulit',codeKey: 'FRE', codeType: 2, name: 'abc', id: 9},
          ]
 },
{
    multi: 'one',
    codeKey: 'Small', 
    codeType: 1, 
    list:[
             {multi: 'one',codeKey: 'Small', codeType: 1, name: 'ware', id: 10},
             {multi: 'one',codeKey: 'Small', codeType: 1, name: 'trwe', id: 11},
         ]
 },

实现方案

// 根据指定属性值将一维数组进行分组成二维数组
mapTwoDimension(arr) {
      console.log(arr, 'arr');
      let dataArr = []
      if (arr.length === 0)  {
            return dataArr
      }
      arr.map(oneDim => {
           if (dataArr.length == 0) {
                dataArr.push({
                     multi: oneDim.multi,
                     codeKey: oneDim.codeKey,
                     codeType: oneDim.codeType,
                     list: [oneDim]
                })
            } else {
                let res = dataArr.some(item => { // 判断相同，有就添加到当前项
                if (item.multi == oneDim.multi && item.codeType == oneDim.codeType &&
                        item.codeKey == oneDim.codeKey) {
                        item.list.push(oneDim)
                        return true
                        }
                    })
                    if (!res) { // 如果没找相同添加一个新对象
                        dataArr.push({
                        multi: oneDim.multi,
                        codeKey: oneDim.codeKey,
                        codeType: oneDim.codeType,
                        list: [oneDim]
                        })
                    }
                 }
     })
     console.info(dataArr, 'dataArr')
     return dataArr
},