将树的某个叶子节点向上提一个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', 
        }]
      }]
相关推荐
栈老师不回家1 分钟前
Vue 计算属性和监听器
前端·javascript·vue.js
前端啊龙7 分钟前
用vue3封装丶高仿element-plus里面的日期联级选择器,日期选择器
前端·javascript·vue.js
一颗松鼠11 分钟前
JavaScript 闭包是什么?简单到看完就理解!
开发语言·前端·javascript·ecmascript
小远yyds31 分钟前
前端Web用户 token 持久化
开发语言·前端·javascript·vue.js
阿伟来咯~1 小时前
记录学习react的一些内容
javascript·学习·react.js
吕彬-前端1 小时前
使用vite+react+ts+Ant Design开发后台管理项目(五)
前端·javascript·react.js
学前端的小朱1 小时前
Redux的简介及其在React中的应用
前端·javascript·react.js·redux·store
guai_guai_guai2 小时前
uniapp
前端·javascript·vue.js·uni-app
也无晴也无风雨2 小时前
在JS中, 0 == [0] 吗
开发语言·javascript
bysking3 小时前
【前端-组件】定义行分组的表格表单实现-bysking
前端·react.js