JS过滤树数据

huangyongxing310

浏览: 490272 次
性别:
来自: 广州

最近访客更多访客>>

hiroada

lixiaoxin

u012363178

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <!--<script type="text/javascript" src="vue.min.js"></script>-->


  <script type="text/javascript"
    src="vue.min.js"></script>
  <link rel="stylesheet"
    href="index.css">
  <script src="index.js"></script>


</head>
<body>

<div id="app">


</div>

<script type="text/javascript">

  var menu = [];

  var node0 = {
    id: 'test1',
    code: 'code',
    name: 'name1',
    state: 'open/close',
    ico: 'ico',
    parentId: 0,
    checked: 'true/false',
    attributes: {},
    children: []
  };
  var node1 = {
    id: 'test',
    code: 'code',
    name: 'name1',
    state: 'open/close',
    ico: 'ico2',
    parentId: 0,
    checked: 'true/false',
    attributes: {},
    children: []
  };

  var node2 = {
    id: 3,
    code: 'code',
    name: 'name1',
    state: 'open/close',
    ico: 'ico',
    parentId: 0,
    checked: 'true/false',
    attributes: {},
    children: [node0]
  };

  var node3 = {
    id: 3,
    code: 'code',
    name: 'name1',
    state: 'open/close',
    ico: 'ico',
    parentId: 0,
    checked: 'true/false',
    attributes: {},
    children: [node1]
  };

  var node4 = {
    id: 4,
    code: 'code',
    name: 'name1',
    state: 'open/close',
    ico: 'ico',
    parentId: 0,
    checked: 'true/false',
    attributes: {},
    children: [node1]
  };
  var node5 = {
    id: 5,
    code: 'code',
    name: 'name1',
    state: 'open/close',
    ico: 'ico',
    parentId: 0,
    checked: 'true/false',
    attributes: {},
    children: [node3, node2]
  };
  node3

  menu.push(node5);
  menu.push(node4);

  console.info(JSON.stringify(menu));

  var menuTest = filterByName(menu, '3');
  console.info("menuTest == " + JSON.stringify(menuTest));

  function filterByName(menu, name) {
    var menuNew = [];
    for (var i = 0; i < menu.length; i++) {
      var nodeNew = undefined;
      var node = menu[i];
      var childrenNode = node.children;

      var childrenMenu = [];
      if (childrenNode) {
        if (childrenNode.length > 0) {
          childrenMenu = filterByName(childrenNode, name);
        }
      }

      if (childrenMenu) {
        if (childrenMenu.length > 0) {
          nodeNew = new Object();
          nodeNew = nodeFillNewFromOld(node, nodeNew);
          nodeNew.children = childrenMenu;
        } else {
          if (checkNodeEquals(node, name)) {
            nodeNew = new Object();
            nodeNew = nodeFillNewFromOld(node, nodeNew);
          }
        }
      }
      if (nodeNew) {
        menuNew.push(nodeNew);
      }
    }

    return menuNew;
  }

  function nodeFillNewFromOld(oldNode, newNode) {
    newNode.id = oldNode.id;
    newNode.code = oldNode.code;
    newNode.name = oldNode.name;
    newNode.state = oldNode.state;
    newNode.ico = oldNode.ico;
    newNode.parentId = oldNode.parentId;
    newNode.checked = oldNode.checked;
    newNode.attributes = oldNode.attributes;
    newNode.children = undefined;

    return newNode;
  }

  function checkNodeEquals(node, name) {
    if (node.name.indexOf(name) != -1) {
      return true;
    } else {
      return false;
    }

    //    if (node.id == name) {
    //      return true;
    //    } else {
    //      return false;
    //    }
  }


</script>
</body>
</html>

jsTest.zip (1002 Bytes)
下载次数: 1

分享到：

敏捷开发 | VueJS 基础

2018-07-02 16:45
浏览 1008
评论(0)
分类:互联网
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS过滤树数据

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JS过滤树数据

评论

发表评论

相关推荐

定时调用函数功能实现

uniApiJs

百度人脸识别

点击DIV触发上传文件的方法

前端格式化工具与检测工具选择与使用

indexedDb TEST

defineProperty Array push 监听

weuiJsLayer.js

dataViewCommonJs

editorconfig配置

commonJs

setFormData

高德地图获取地址

前端实现从剪贴板中获取数据

js prototype原理与使用

javascript匿名函数与闭包

JavaScript 作用域和作用域链

Javascript函数

Javascript执行步骤与顺序

URI和URL的区别、URL编码

最近访客更多访客>>