满口金牙 2021-12-25 12:36 采纳率: 91.1%
浏览 49
已结题

这个 js 函数 可以用,但写的很low,很那个,哪位帮弄弄,

data 数据格式:
所有对象,都有id:' ',  和 children:[ ],
对象中的,children 可能会嵌套 一个或多个对象,也可能是空[] ,而且嵌套很多层
现在我要 找出 id 为 ** 的对象,把它删除  
 如: {id: 1,children:[ {id: 2,children:[ {id: 3,children:[ {id: 4,children:[] }] }] }, {id: 5,children:[] }, {id: 6,children:[] }] }


export function deleteEl(data,id){
  // if(typeof data === 'undefined'){return data}
  // if(typeof data.children === 'undefined'){return data}
  if (data.children.length>=1){
    for(let i=0;i<data.children.length;i++){
      if(data.children[i].id=== id){
        data.children.splice(i,1)
        console.log('删除',id)
        return data
      }
      if(data.children[i].children.length >= 1) {
        for(let j=0; j < data.children[i].children.length; j++){
          if(data.children[i].children[j].id === id){
            data.children[i].children.splice(j,1)
            console.log('删除',id)
            return data
          }
          if(data.children[i].children[j].children.length>=1){
            for(let x=0; x< data.children[i].children[j].children.length; x++){
              if(data.children[i].children[j].children[x].id === id ){
                data.children[i].children[j].children.splice(x,1)
                console.log('删除',id)
                return data
              }
              if(data.children[i].children[j].children[x].children.length>=1){
                for(let y=0; y<data.children[i].children[j].children[x].children.length;y++){
                  if(data.children[i].children[j].children[x].children[y].id=== id){
                    data.children[i].children[j].children[x].children.splice(y,1)
                    console.log('删除',id)
                    return data
                  }
                  if(data.children[i].children[j].children[x].children[y].children.length>=1){
                    for(let z=0;z<data.children[i].children[j].children[x].children[y].children.length;z++){
                      if(data.children[i].children[j].children[x].children[y].children[z].id === id){
                        data.children[i].children[j].children[x].children[y].children.splice(z,1)
                        console.log('删除',id)
                        return data
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}




展开全部

  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2021-12-25 13:05
    关注

    递归删除下就行

    img

    
        function deleteEl(children, id) {
            if (children.length)
                for (var i = 0; i < children.length; i++) {
                    if (children[i].id == id) {
                        children.splice(i, 1);
                        return true;
                    }
                    deleteEl(children[i].children,id);
                }
        }
        var data = { id: 1, children: [{ id: 2, children: [{ id: 3, children: [{ id: 4, children: [] }] }] }, { id: 5, children: [] }, { id: 6, children: [] }] };
    
        deleteEl(data.children, 3);
        console.log(JSON.stringify(data, null, 2))
        console.log('----------------------')
        deleteEl(data.children, 5);
        console.log(JSON.stringify(data, null, 2))
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 1月1日
  • 已采纳回答 12月25日
  • 修改了问题 12月25日
  • 创建了问题 12月25日

悬赏问题

  • ¥50 代码还没怎么运行但是需要代码功能调用数据
  • ¥15 vue请求不到数据,返回状态200,数据为html
  • ¥15 访问url时不会自动调用其 Servlet的doGet()
  • ¥15 用白鹭引擎开发棋牌游戏的前端为什么这么难找
  • ¥35 哪位专业人士知道这是什么原件吗?哪里可以买到?
  • ¥15 关于#c##的问题:treenode反序列化后获取不到上一节点和下一节点,Fullpath和Handle报错
  • ¥15 一部手机能否同时用不同的app进入不同的直播间?
  • ¥20 输入import torch显示Intel MKL FATAL ERROR,系统驱动1%,: Cannot load mkl_intel_thread.dll.
  • ¥15 点云密度大则包围盒小
  • ¥15 nginx使用nfs进行服务器的数据共享
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部