zoukankan      html  css  js  c++  java
  • 数据处理

    1、问题描述:

      将当前数组中的(`name: '/'`)删除掉,并将当前children中的数组合并到父数组去。
    

    2、数据格式:

    
    var data = [{
      name: "A",
      children: [{
        name: "1",
        children: [{
            name: "01",
            children: [{
                name: "001",
                children: []
            }]
        }]
      }, {
        name: "2",
        pid: 1,
        children: [{
            name: "/",
            pid: 2,
            children: [{
                name: "002",
                pid: 3,
                children: [{
                    name: "0002",
                    pid: 4,
                    children: [{
                        name: "/",
                        pid: 5,
                        children: [{
                                name: "000002",
                                pid: 6,
                                children: []
                            }
      
                        ]
                    }]
      
                }]
            }]
        }]
    }, {
        name: "/",
        pid: 1,
        children: [{
            name: "/",
            pid: 2,
            children: [{
                name: "/",
                pid: 3,
                children: [{
                    name: "0003",
                    pid: 4,
                    children: []
                },{
                      name: "0003",
                      pid: 4,
                      children: []
                }]
            }]
        }]
      }]
    }]
    
    

    3、处理:通过递归方式,深度查找

    function filter(old) {
      let arr = [];
      old && old.forEach((item, index)=> {
        if(item.name === '/') {
          arr.push(...filter(item.children))
        } else {
          item.children = filter(item.children)
          arr.push(item);
        }
    
      })
      return arr;
    }
    console.log(filter(data))
    

    4、结果:

  • 相关阅读:
    Windows Server 2012 R2 或 2016 无法安装 .Net 3.5.1
    织梦DeDeCms会员登录或退出跳转到首页的修改方法
    use ngCordova in ionic
    Angular2 Todo App
    use traceur in ES6
    Angular2 Use styles in Component
    Angular2 use ng-xx (ng-if)
    Angular2 Router
    Angular2 Http
    1 TypeScript SetUp for Webstorm
  • 原文地址:https://www.cnblogs.com/wangyong1997/p/13913247.html
Copyright © 2011-2022 走看看