json树递归，根据子id获取父id

最新推荐文章于 2023-09-01 23:11:17 发布
最新推荐文章于 2023-09-01 23:11:17 发布
阅读量819 收藏 3
点赞数
分类专栏： 前端问题总结 文章标签： json javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013994400/article/details/122237336
版权
本文介绍如何在JavaScript中通过递归遍历JSON数据结构，根据子节点的ID查找其父节点的ID，特别适用于Vue.js项目的场景。内容包括递归函数的实现细节和实际应用示例。
摘要由CSDN通过智能技术生成 
 let dataArr = [
    {
   
      "id": 1,
      "children": [
        {
   
          "id": 2,
        "children":[
          {
   
            "id": 3
          }
        ]
        }
      ]
       
    },
    {
   
      "id": 4,
最低0.47元/天 解锁文章
guhy fighting
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue后端返回parentId，前端处理成children嵌套数据
weixin_48004568的博客
03-08 571
【代码】vue后端返回parentId，前端处理成children嵌套数据。
js 递归json树实现根据子id查父id的方法分析
01-19
本文实例讲述了js 递归json树实现根据子id查父id的方法。分享给大家供大家参考，具体如下： 最近做了一个类似用js实现思维导图的功能，作为思维导图，一定会有树状结构的数据产生，在操作里面的节点时会经常需要查找节点 的父节点及父节点。 对于未知层级的树状数据，用for循环是无法实现的，因为不知道要循环几层，那么最合适的方法就是用js递归 界面结构： json数据： orgTreeData:{ nodeId:19A5B, nodeName:预分析用户：1313.85万人, nodeType:root, expand:true, dat
js，递归获取所有父级Id
weixin_44875693的博客
03-01 1074
// 获取所有父级ID function getActiveMenuId(path, arr, paths) { if (paths === undefined) { paths = [] } if(arr){ for (let i = 0; i < arr.length; i++) { const tmpPath = paths.concat()
js(vue)中json数据根据一个子节点递归查找所有父节点
weixin_44731432的博客
12-14 4260
js(vue)中json数据根据一个子节点递归查找所有父节点## // 查找一个节点的所有父节点(一棵树) // parents:用于返回的数组，childNode: findParent (parents, childNode, treeData) { for (let i = 0; i < treeData.length; i++) { // 父节点查询条件 if (treeData[i].id === childNode.pid) {
JQuery递归解析无限层级JSON对象的所有key和value
程序员星痕的博客
07-29 9360
前一段时间做了一个小项目，要加一个json数据自动绑定前台表单的功能，类似于jquery-easyui里面的数据绑定（给它一个json对象，就能自动解析里面所有的数据。json数据的key对于表单的name属性，也可以是id或自己定义的标签属性，把key对应的值赋给对应名称的表单）。百度了许多JSON解析，都是前提知道json结构的情况下的解析，毛线的一点用都没有，最后看了一篇博客，明白了解析key
利用java+mysql递归实现拼接树形JSON列表的方法示例
10-19
2. **拼装树形结构**：使用递归算法，根据父ID将节点关联起来，构建出树形结构。这里提供了一个名为`TreeBuilder`的工具类，用于处理这个过程。 ```java package *.*.*; import net.sf.json.JSONArray; import...
Java递归遍历树形结构
09-02
如果当前菜单项的父ID与传入的`parentId`匹配，那么就递归调用`treeMenuList`，这次传入当前菜单项的ID作为新的`parentId`，并将返回的子节点集合添加到`jsonMenu`的"childNode"字段。最后，将处理过的菜单项添加到`...
tree:根据java的引用特性获取树形json,避免使用遍历算法
05-10
根据java的引用特性获取树形json,避免使用递归算法 原始数据: {"id":1,"name":"树节点1","pId":0} {"id":2,"name":"树节点2","pId":1} {"id":3,"name":"树节点3","pId":1} {"id":4,"name":"树节点4","pId":2} {"id":...
js递归查询
忘川
09-10 5823
1、查询这条子级数据 find = (v, list) => { let data; (list || []).map(i => { if (i.value === v) { data = [i]; } else { const child = this.find(v, i.children); ...
树形结构数据根据子级节点获取逐渐父级方法
qq_41373731的博客
01-05 2704
树形结构数据根据子级节点获取逐渐父级方法 1 业务需求 根据表格数据中的最子级节点逐级获取父级数据，并且拼接为 设计单位/中国电建集团北京勘测设计研究院有限公司/某负责人格式数据，并且高效。 2 获取树形结构数组，解析为 hash 结构。 let hashMap = {} setExpandTree(data, num,max,Pkey='') { if (data) { data.map(item => { hashMap[item.key
使用递归解决数组转树形结构,勾选树形结构节点复选框,获取选中节点的所有id(不包含半选中的id)
多看书少吃饭的博客
10-25 1539
使用递归解决数组转树形结构,勾选树形结构节点复选框,获取选中节点的所有id
【js】根据一个id去递归寻找这个id的所有上级id，把他们放进一个数组
最新发布
bbt953的博客
09-01 867
根据一个id去递归寻找这个id的所有上级id，把他们放进一个数组
Vue里定义方法：通过子节点ID查找所有关联的父节点ID
Yongqiang Chen的博客
03-30 1217
【代码】Vue里定义方法：通过子节点ID查找所有关联的父节点ID。
获取json对象的key
兢兢业业~小码农的博客
05-25 5826
获取json对象的key值 我有一个json对象，我想获取每一个学生的信息，但是每次拿到的数据最外层的key值是随学生人数增加而变化的，并不是固定的。 所以我的思路为：先获取最外层的key，然后根据key获取value。 实现过程如下： json对象： 代码为： public static void main(String[] args) { //字符串 String ss = "{\"test111\": {\"学生信息\": {\"姓名\": \"张三\",\"年龄
js递归遍历树形结构数据，获取所有数组id集合
我总是词不达意的博客
03-23 5298
js递归遍历树形结构数据，获取所有数组id集合
Vue利用递归的方法，根据id获取对应的字段名(树形数据)
m0_46693606的博客
04-13 6220
树形数据源 options:[ { id: 1, name: '一级1', children: [ { id: 4, name: '二级1', }, { id: 5,
前端根据json数据，递归解析数据，生成树形组织图
jia14的博客
07-08 2852
使用ajax获取json文件的内容，递归解析json数据，使用前端自带的框架生成组织结构图 效果图 展示效果：
js递归方式遍历寻找树形结构数据中的节点
CaseyWei
12-08 8392
实现思路就是通过递归函数判断当前节点是否等于要找的节点id，如果不是再判断是否有children节点，再通过递归的方式将children节点传值到函数里面去调用这样就可以通过递归的方式遍历所有树形结构数据找到对应的节点。 ...
java 递归反序列化树形json数据
05-25
下面是一个 Java 递归反序列化树形 JSON 数据的示例代码： ```java import java.io.IOException; import java.util.ArrayList; import java.util.List; import com.fasterxml.jackson.core.JsonParseException; import com.fasterxml.jackson.databind.JsonMappingException; import com.fasterxml.jackson.databind.JsonNode; import com.fasterxml.jackson.databind.ObjectMapper; public class JsonTreeDeserializer { private static ObjectMapper mapper = new ObjectMapper(); public static void main(String[] args) { String json = "{\"id\":1,\"name\":\"root\",\"children\":[{\"id\":2,\"name\":\"child1\",\"children\":[{\"id\":3,\"name\":\"grandchild1\"},{\"id\":4,\"name\":\"grandchild2\"}]},{\"id\":5,\"name\":\"child2\",\"children\":[{\"id\":6,\"name\":\"grandchild3\"},{\"id\":7,\"name\":\"grandchild4\"}]}]}"; try { JsonNode rootNode = mapper.readTree(json); Node tree = deserialize(rootNode); System.out.println(tree); } catch (JsonParseException e) { e.printStackTrace(); } catch (JsonMappingException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } } public static Node deserialize(JsonNode node) { int id = node.get("id").asInt(); String name = node.get("name").asText(); Node tree = new Node(id, name); JsonNode childrenNode = node.get("children"); if (childrenNode != null && childrenNode.isArray()) { for (JsonNode childNode : childrenNode) { Node child = deserialize(childNode); tree.addChild(child); } } return tree; } } class Node { private int id; private String name; private List<Node> children; public Node(int id, String name) { this.id = id; this.name = name; this.children = new ArrayList<Node>(); } public void addChild(Node node) { this.children.add(node); } @Override public String toString() { return "Node [id=" + id + ", name=" + name + ", children=" + children + "]"; } } ``` 这个示例代码使用了 Jackson 库来进行 JSON 反序列化。首先读取 JSON 数据，然后递归地反序列化每个节点，并构建树形结构。最后输出树形结构。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值