vue2将数组对象中某一属性相同的对象放在同一数组中

最新推荐文章于 2024-07-20 23:54:17 发布

mxh_CSDN

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量1.9k

点赞数 2

分类专栏： vue 前端文章标签： javascript 开发语言 ecmascript

原文链接：https://jishuin.proginn.com/p/763bfbd6fea6

版权

vue 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

前端

4 篇文章 0 订阅

订阅专栏

原数组如下，诉求是将数组中每一项的workRoadName属性相同的对象放在一个新得数组中

list : [
{
workRoadName:'111',
workName:'班次001',
driver:'张三01'
},
{
workRoadName:'111',
workName:'班次001',
driver:'张三02'
},
{
workRoadName:'111',
workName:'班次001',
driver:'张三03'
},
{
workRoadName:'222',
workName:'班次002',
driver:'李四01'
},
{
workRoadName:'222',
workName:'班次002',
driver:'李四02'
},
{
workRoadName:'333',
workName:'班次003',
driver:'王二01'
},
]

afterArr是在data中定义的最终数组，方法如下：

formatList(arr){
      let tempArr=[]
      let that = this;
      for(let i=0;i<arr.length;i++){
        if(tempArr.indexOf(arr[i].workRoadName)==-1){
          that.afterArr.push(
            {name:arr[i].workRoadName,
            origin:[arr[i]]
            }
          )
          tempArr.push(arr[i].workRoadName)
        }else{
          for(let j=0;j<that.afterArr.length;j++){
            if(that.afterArr[j].name==arr[i].workRoadName){
              that.afterArr[j].origin.push(arr[i]);
              break;
            }
          }
        }
      }
        console.log(this.afterArr,'最终数组111111');
    },

数据效果如下：