将树的某个叶子节点向上提一个level

将树的某个叶子节点向上提一个level

我这里要求把同级里面的users提上一个层级

处理方法与后端返回的数据结构

遇到的问题

修改原数据的时候一直修改不了

javascript 复制代码
function pushChild(items) {
      let itemsChild = []
      if(!items) return
      for(let i=0; i<items.length;i++) {
        if(items[i].users) {
          itemsChild = [...itemsChild,...items[i].users]
        }      
        pushChild(items[i].childs) 
      }
      // items = [...items,...itemsChild]  错误的修改方式
      // items = items.concat(itemsChild)  错误的修改方式
      // 上面都对items 重新分配的地址空间
      items.push(...itemsChild)
      console.log(items);
      
      
    }

const res = [
        {
          label: '1',
          value: '1',
          childs: [{
            label: '1.1',
            value: '1.1',
            users: [{
              label:'1.1-1',
              value:'1.1-1'
            }]
          },
          {
            label: '1.2',
            value: '1.2',
          },
          {
            label: '1.3',
            value: '1.3',
          },
          
        ],
          users: [{
           label: '1-1',
           value: '1-1', 
          }]
      }, {
          label: '2',
          value: '2',
          childs: [{
            label: '2.1',
            value: '2.1',
            users: [{
              label:'2.1-1',
              value:'2.1-1'
            }]
          },
          {
            label: '2.2',
            value: '2.2',
          },
          {
            label: '2.3',
            value: '2.3',
          },
          
        ],
          users: [{
           label: '2-1',
           value: '2-1', 
          }]
      }, {
          label: '3',
          value: '3',
          childs: [{
            label: '3.1',
            value: '3.1',
            users: [{
              label:'3.1-1',
              value:'3.1-1'
            }]
          },
          {
            label: '3.2',
            value: '3.2',
          },
          {
            label: '3.3',
            value: '3.3',
          },
          
        ],
          users: [{
           label: '3-1',
           value: '3-1', 
          }]
      }, {
          label: '4',
          value: '4',
          childs: [{
            label: '4.1',
            value: '4.1',
            users: [{
              label:'4.1-1',
              value:'4.1-1'
            }]
          },
          {
            label: '4.2',
            value: '4.2',
          },
          {
            label: '4.3',
            value: '4.3',
          },
          
        ],
        users: [{
          label: '4-1',
          value: '4-1', 
        }]
      }]
相关推荐
前端炒粉15 分钟前
Vue2 SSE 流式对话完整前端代码
前端·sse·流式输出
BIM云平台开发34 分钟前
【App.vue里跟踪页面跳转和用户ID】
开发语言·前端·javascript
汪汪大队u1 小时前
Zabbix 6.0 部署踩坑记:从启动失败到 Web 成功访问
前端·zabbix
顺颂时绥_11 小时前
new Set 过滤数据实战
前端
赵大仁1 小时前
Next.js + Vercel AI SDK 实战:30 分钟搭出流式 Chat 页面
前端·ai·实战·react·next.js·vercel
云空2 小时前
《Three.js 完整版3D魔方:带贴纸+中心固定+自动求解复原》
前端·javascript·3d·three.js
酸梅果茶2 小时前
【7】lightning_lm项目-LIO 前端 -IVox 局部地图
前端·slam
gis开发之家2 小时前
《Vue3 从入门到大神33篇》Vue3 源码详解(三):响应式核心思想——从 Object.defineProperty 到 Proxy
前端·javascript·vue.js·vue3·vue3源码
Hyyy2 小时前
流式渲染的基础——SSE
前端·后端·面试
云空2 小时前
《Three.js 可操控3D魔方(键盘转动+打乱+复原)》
javascript·学习·游戏·3d·three.js