/*
* array-树形数据
* targetId-目标id
* valueKey-用来判断的字段名
* childrenKey-子元素字段名
**/
findPatentValue(array, targetId, valueKey, childrenKey) {if (!targetId || !Array.isArray(array)) return []const result = []let valid = falseconst seek = (_array, _targetId) => {let parentValue = ''const up = (_array_, _targetId_, lastValue) => {_array_.forEach(v => {const val = v[valueKey]const child = v[childrenKey]if (val === _targetId_) {valid = trueparentValue = lastValuereturn}child?.length && up(child, _targetId_, val)})}up(_array, _targetId)if (parentValue) {result.unshift(parentValue)seek(_array, parentValue)}}seek(array, targetId)return valid ? [...result, targetId] : []
}// 使用方法
let arr = [{id: 1,label: '1',children: [{id: 2,label: '2',children: [{id: 3,label: '3'}]}]
}]this.findPatentValue(arr, 3, 'id', 'children') // [1,2,3]

js tree树形结构,通过子节点找到所有父节点相关推荐

  1. js tree 根据子节点找到所有父节点

    利用深度优先遍历和递归 var acceptUnitNodes = null;//接收单位树形数据function findParentNode(ids){ //ids 是子节点数组var paren ...

  2. python list转换成树形结构_列表数据(包含父节点关系)转化为树形结构

    今天开发遇到一个需求,就是把包含父子关系的数据转化为树形结构,这个需求来自我开发的一个功能,前端需要使用 Element 的级联选择器实现行业级联选择的功能. 列表数据类型 每条数据都列出了其父 id ...

  3. 使用ztree.js,受益一生,十分钟学会使用tree树形结构插件

    看到ztree.js,这几个字眼,毋庸置疑,那肯定就是tree树形结构了,曾经的swing年代有jtree,后来jquery年代有jstree和treeview,虽然我没写过,但是我见过,一些小功能做 ...

  4. Element ui tree树形控件获取当前节点id和父节点id

    低版本Element ui tree树形控件获取当前节点id和父节点id的方法:点击查看 最新版本Element ui tree树形控件获取当前节点id和父节点id教程: 1.找到node_modul ...

  5. Ext JS 深入浅出---树形结构数据获取

    1.准备工作 按照 Ext JS 深入浅出 树形结构(上) Ext JS 深入浅出 树形结构(下) 搭建环境. 2.使用 TreeStore 获取数据 在前面,我们需要一个一个地写子叶的内容,不仅麻烦 ...

  6. 03【若依框架解读】Tree树形结构的控制(菜单,部门)

    背景 若依管理框架中包含了不少菜单树和权限树的控制,主要实现的方式是递归,比较容易阅读和理解.构建属性结构本身是开发中非常常见的场景.掌握后非常容易在工作中使用. 属性结构控制 后端返回列表,前端控制 ...

  7. EasyUI中tree选中父节点自动选中子节点,取消子节点自动取消父节点,子节点勾选完毕自动勾选父节点

    今天有需求,将树设为具有全选功能 选中父节点自动全选子节点 全选状态下,当用户取消某一个子节点,自动取消父节点的勾选 未全选状态下,用户勾选全部子节点,自动勾选对应的父节点 感觉挺简单,实际写的时候才 ...

  8. js获取树结构数据中默认节点的所有父节点

    需求描述: 一个树形下拉框,通过默认数据获取任意子节点的所有父节点id 思路: 1循环节点,判断是否是默认节点,是则保存到数组,否则判断是否有子节点,有则调用本身循环,并进行数组合并,没有子节点就重置 ...

  9. js获取某节点的特定父节点

    废话不说了,功能函数如下 /** @Author : Jeen @ vsfor.com* @Describe : 根据节点名称,查找某节点的特定父节点* @params :* node dom节点* ...

最新文章

  1. Q 版老黄带着硬核技术再登场,有点可爱,很有东西
  2. angularjs 让当前路由重新加载_Vuerouter(路由)
  3. python中gui有没有电子表格控件_python实现表格控件
  4. SonarQube代码质量管理平台安装与配置
  5. Qt模型视图中的委托
  6. Missing the OpenSSL lib
  7. Linux 高可用(HA)集群之keepalived
  8. ssh免密码登陆设置
  9. 一步一步学VBScript(4)之WSH对象三
  10. linux查看java堆栈信息_Java运行状态分析2:获取线程堆栈信息
  11. 如何获取客户端MAC地址(三个方法)
  12. PHP判断远程url是否有效的几种方法
  13. Sublime Merge for Mac(git客户端软件)2064
  14. html svg 在线编辑器,用于矢量图形的SVG在线编辑器
  15. 2018中原工学院网络安全校赛
  16. vimpython配色_你认为最好看的 Vim 配色方案(color scheme)是哪款?
  17. excel冻结多行(固定表头)
  18. 计算机相关会议排名(二)
  19. 数据分析学习技能树 | 养成数据分析师的品质和思维模式
  20. Maven 的 Maven Compiler Plugin 插件

热门文章

  1. AWS Session Manager 管理 EC2 实例
  2. android永不熄屏
  3. [ WebUpload ] WebUpload 插件初始化问题
  4. 翟婉明院士:中国高铁发展面临的科技挑战与对策
  5. Vue项目中---文本框中加入simditor编辑器
  6. 360全景开发(二) 鱼眼摄像头校正
  7. linux 音频架构绕过,linux音频驱动架构
  8. 三分钟教会你汉诺塔图解
  9. 【渝粤题库】陕西师范大学201401 环境资源法作业
  10. C#操作word,替换文本