将树的某个叶子节点向上提一个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', 
        }]
      }]
相关推荐
程序猿阿伟32 分钟前
《社交应用动态表情:RN与Flutter实战解码》
javascript·flutter·react native
明似水34 分钟前
Flutter 开发入门:从一个简单的计数器应用开始
前端·javascript·flutter
沐土Arvin39 分钟前
前端图片上传组件实战:从动态销毁Input到全屏预览的全功能实现
开发语言·前端·javascript
Zww08911 小时前
el-dialog鼠标在遮罩层松开会意外关闭,教程图文并茂
javascript·vue.js·计算机外设
爱编程的鱼1 小时前
C#接口(Interface)全方位讲解:定义、特性、应用与实践
java·前端·c#
sunbyte1 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | 页面布局 与 Vue Router 路由配置
前端·javascript·vue.js·tailwindcss
saadiya~2 小时前
Vue 3 实现后端 Excel 文件流导出功能(Blob 下载详解)
前端·vue.js·excel
摇摇奶昔x3 小时前
webpack 学习
前端·学习·webpack
阿珊和她的猫3 小时前
Vue Router中的路由嵌套:主子路由
前端·javascript·vue.js