JS过滤树数据

最新推荐文章于 2024-03-27 18:01:52 发布

jie310600

最新推荐文章于 2024-03-27 18:01:52 发布

阅读量2.7k

点赞数

分类专栏： JavaScript 文章标签： javascript json 前端 ViewUI

本文链接：https://blog.csdn.net/jie310600/article/details/84922944

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!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>

jie310600

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS过滤树数据

[code="java"] var menu = []; var node0 = { id: 'test1', code: 'code', name: 'name1', state: 'open/close', ico: ...
复制链接

扫一扫