樹形結構,經過id值查找該元素

var data = [
    {
      id: 1, name: "辦公管理", pid: 0,
      children: [
        {
          id: 2, name: "請假申請", pid: 1,
          children: [
            {id: 4, name: "請假記錄", pid: 2}
          ],
        },
        {id: 3, name: "出差申請", pid: 1}
      ]
    },
    {
      id: 5, name: "系統設置", pid: 0,
      children: [
        {
          id: 6, name: "權限管理", pid: 5,
          children: [
            {id: 7, name: "用戶角色", pid: 6},
            {id: 8, name: "菜單設置", pid: 6}
          ]
        }
      ]
    },
  ];
  function getChidlren(id) {
    var hasFound = false, // 表示是否有找到id值
      result = null;
    var fn = function (data) {
      if (Array.isArray(data) && !hasFound) { // 判斷是不是數組而且沒有的狀況下,
        data.forEach(item => {
           if (item.id === id) { // 數據循環每一個子項,而且判斷子項下邊是否有id值
            result = item; // 返回的結果等於每一項
            hasFound = true; // 而且找到id值
          } else if (item.children) {
            fn(item.children); // 遞歸調用下邊的子項
          }
        })
      }
    }
    fn(data); // 調用一下
    return result;
  }
  console.log(getChidlren(3));複製代碼
相關文章
相關標籤/搜索