Vue 重组数组 vue3 reactive 数组

后台返回的参数不是前端所需要的时候，在前端数组的重新组合使用。

let vl ={
    pic:[
        {m_name:'标题',m_path:'gx/dsdsadsa.jpg',id:'4897987987'}
    ],
    ppt:[
        {m_name:'标题',m_path:'gx/dsdsadsa.jpg',id:'4897987987'}
    ]
} 
handleXj(vl) {
     vl.pic.forEach(item => {
                const obj = {
                    name: item.m_name,
                    id: item.id
                };
                this.PicfileList.push(obj);
      });
 }

两个数组合并

let vl ={
    pic:[
        {m_name:'标题',m_path:'gx/dsdsadsa.jpg',id:'4897987987'}
    ],
    ppt:[
        {m_name:'标题',m_path:'gx/dsdsadsa.jpg',id:'4897987987'}
    ]
} 
handleXj(vl) {
    let list = vl.pic.reduce((pre, cur) => {
       let target = pre.find(ee => ee.id == cur.id);
      if (target) {
        Object.assign(target, cur);
         } else {
             pre.push(cur);
         }
         return pre;
      }, vl.ppt);
}