将树的某个叶子节点向上提一个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', 
        }]
      }]
相关推荐
2501_920931702 小时前
React Native鸿蒙跨平台采用ScrollView的horizontal属性实现横向滚动实现特色游戏轮播和分类导航
javascript·react native·react.js·游戏·ecmascript·harmonyos
0思必得04 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东5164 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino4 小时前
图片、文件的预览
前端·javascript
2501_920931706 小时前
React Native鸿蒙跨平台实现推箱子游戏,完成玩家移动与箱子推动,当所有箱子都被推到目标位置时,玩家获胜
javascript·react native·react.js·游戏·ecmascript·harmonyos
layman05286 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔6 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
AI老李6 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
_OP_CHEN6 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化
啊哈一半醒6 小时前
CSS 主流布局
前端·css·css布局·标准流 浮动 定位·flex grid 响应式布局