id、pid转树结构children格式处理，支持二级、三级

最新推荐文章于 2023-12-14 16:41:42 发布
最新推荐文章于 2023-12-14 16:41:42 发布
阅读量1k 收藏 6
点赞数 1
文章标签： js 数据结构 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47683025/article/details/125440258
版权

描述

现在大多数的id、pid数据中，id都是唯一值，都比较好处理。本文介绍的是可兼容id非唯一值的处理方式，同时子级的pid是父级的id。数据示例：

let datalist = [

      {

          "name": "武汉",

          "pid": "148",

          "id": "160"              //父级id

      },

      {

          "name": "洪山",

          "pid": "160",          //子级pid

          "id": "160"

      }

]

提示：以下是本篇文章正文内容，下面案例可供参考

最低0.47元/天 解锁文章
月白还
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
id、pid转成children格式
Yoko的博客
07-30 1195
js版本 /** * json格式转树状结构 * @param {json} json数据 * @param {String} id的字符串 * @param {String} 父id的字符串 * @param {String} children的字符串 * @return {Array} 数组 */ function transData(a, idStr, pidStr, chindrenStr){ var
根据id和pid把数据转成树结构的数据
Penglianlian的博客
11-24 788
使用递归的方式，把数据转成树结构 可根据具体情况，调整参数名，以及父节点的属性名 convertToTreeData(data, pid) { var result = [] var temp = [] for (var i = 0; i < data.length; i++) { if (data[i].pid === pid) { var obj = data[i]; temp = this.convertToTreeData(dat
根据pid id组成tree格式的数据
达拉崩巴斑得贝迪卜多比鲁翁_
07-15 409
因为搜索请求接口了，接口只返回了当前搜索到的数据，并没有把相关联的父级数据返回，这就导致列表不渲染数据，因为递归方法里是根据pid进行组装的，pid不为0的时候，数组就是空的了。这样是可以实现，但是如果有数据pid不为0的情况下，就不展示了，什么意思呢？也就是说如果能找到父级数据，就会给父级数据加。筛选根节点那块，处理之后的数据为。筛选根节点那块，处理之后的数据为。标识，找不到父级数据，就给自己加。处理之后的数据，就是给父级数据加个。1、如果传入的数据为一下。具体做了什么事情呢？...
根据id，pid生成树结构
w_w1314520的博客
08-23 583
【代码】根据id，pid生成树结构。
pid数据结构转children数据结构
weixin_52642536的博客
12-09 448
处理后端返回的数据
三级倒立摆PID控制simulink仿真
05-28
本项目涉及的是一个三级倒立摆的PID（比例-积分-微分）控制系统，利用MATLAB的Simulink工具进行仿真。下面将详细阐述这一领域的相关知识点。 1. **倒立摆系统**： - 倒立摆是一种不稳定系统，其平衡状态是摆杆垂直...
JAVA后台转换成树结构数据返回给前端的实现方法
08-19
同时，我们还需要将当前节点的pid字段设置为其父节点的id字段，以便建立树形结构的层次关系。 在转换完成后，我们可以将树形结构的数据返回给前端。前端可以使用JavaScript来解析树形结构的数据，然后将其渲染到...
MATLAB 二级倒立摆 三级倒立摆
07-28
在这个压缩包中，包含的是关于二级倒立摆和三级倒立摆的仿真项目，这些是控制理论和机器人学中的经典问题。倒立摆是一种复杂的动力学系统，因为它们需要保持平衡，同时在不稳定状态下操作。 **二级倒立摆**： 二级...
二级倒立摆_simulink.rar
06-20
可以运行，二级倒立摆的建模、线性化S函数的PID控制以及非线性化S函数的PID控制， (1) 根据牛顿运动定律或者拉格朗日方程，建立直线型二级倒立摆的非线性运动模型，给出系统运动的状态方程。 (2) 对非线性运动模型...
二级倒立摆_simulink.zip
09-08
可以运行，二级倒立摆的建模、线性化S函数的PID控制以及非线性化S函数的PID控制， (1) 根据牛顿运动定律或者拉格朗日方程，建立直线型二级倒立摆的非线性运动模型，给出系统运动的状态方程。 (2) 对非线性运动模型...
java版list-map实现 树结构 父子结构 通俗易懂
12-12
此java类实现了对数据表的分类递归树的实现，为本人倾力之作，后期，会发布js版，敬请期待！
js 根据id,pid平面数据build Children树结构
wh445306
11-20 852
数据库查出来的平面数据如下： var nodes = [ {"id":1,"title":"第一级1","parentid":0}, {"id":2,"title":"第一级2","parentid":0}, {"id":3,"title":"第二级1-3","parentid":2}, {"id":4,"title":"第二级2-4","parentid":2}, {"id":5,"title":"第三级1-5","parentid":4}, {
jdk8Stream流操作实现和递归操作实现id与pid 形成树状结构找父子节点
银魄清辉自夜凝的博客
11-20 671
递归处理 @Override public List<PmsProductCategory> listWithChildren() { List<PmsProductCategory> list = categoryMapper.listWithChildren(); List<PmsProductCategory> childMenus = new ArrayList<>(); for (int i =
Java 树形结构转换：由id，pid结构到树状结构
修也
05-08 4511
package demo; import java.util.List; import java.util.Map; import java.util.Map.Entry; import java.util.Objects; import java.util.UUID; import com.google.gson.Gson; import com.google.gson.GsonBuild...
根据pid id 将数据处理成树结构
最新发布
weixin_47096099的博客
12-14 97
此时，this.listData.areaOption就是返回得树结构。
牛客刷题——前端面试【八】谈一谈组件化开发中父访问子（children、ref）
yzq0820的博客
10-01 1464
refs方式：ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。​ 父组件访问子组件，有时候需要直接操作子组件的方法，或是属性，此时需要用到$children。并不保证顺序，也不是响应式的。**如果你发现自己正在尝试使用。来生成子组件，并且使用 Array 作为真正的来源。直接获取**当前实例的直接子组件，需要注意。来进行数据绑定，考虑使用一个数组配合。
json转树状结构（js）
dujunzhi的专栏
05-25 349
/** * json格式转树状结构 * @param {json} json数据 * @param {String} id的字符串 * @param {String} 父id的字符串 * @param {String} children的字符串 * @return {Array} 数组 */ function transData(a, idStr, pidStr,...
树结构（有id和pid字段）数组，生成多层嵌套的json对象
Godian的博客
12-13 5398
/* * 传入的数组有id和父节点pid字段，通过它们的关联构造成一棵或多棵树结构 * @param nodes 集合 * @param treeRootId 根节点的id */ function createTreeData(nodes, treeRootId) { var groups = {}; // 按父节点将节点分组 for (var i in nodes)
java id和pid三级联动展示结构树
07-09
可以使用递归算法来实现Java ID和PID的三级联动展示结构树。下面是一个示例代码： ```java import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; public class TreeDemo { public static void main(String[] args) { List<Node> nodeList = new ArrayList<>(); nodeList.add(new Node(1, 0, "Root")); nodeList.add(new Node(2, 1, "Node 1")); nodeList.add(new Node(3, 1, "Node 2")); nodeList.add(new Node(4, 2, "Node 1.1")); nodeList.add(new Node(5, 2, "Node 1.2")); nodeList.add(new Node(6, 3, "Node 2.1")); Map<Integer, List<Node>> map = new HashMap<>(); for (Node node : nodeList) { if (!map.containsKey(node.getPid())) { map.put(node.getPid(), new ArrayList<>()); } map.get(node.getPid()).add(node); } List<Node> rootList = map.get(0); for (Node node : rootList) { displayTree(node, map, 0); } } public static void displayTree(Node node, Map<Integer, List<Node>> map, int level) { StringBuilder prefix = new StringBuilder(); for (int i = 0; i < level; i++) { prefix.append(" "); } System.out.println(prefix.toString() + node.getName()); if (map.containsKey(node.getId())) { List<Node> childList = map.get(node.getId()); for (Node child : childList) { displayTree(child, map, level + 1); } } } } class Node { private int id; private int pid; private String name; public Node(int id, int pid, String name) { this.id = id; this.pid = pid; this.name = name; } public int getId() { return id; } public int getPid() { return pid; } public String getName() { return name; } } ``` 以上代码中，`Node` 类表示树节点，包含节点的 ID、父节点的 ID 和节点名称。`TreeDemo` 类中的 `main` 方法演示了如何构建节点列表，并利用递归算法展示结构树。首先，将节点列表按照父节点 ID 分组存储在 `Map` 中。然后，从根节点开始递归展示每个节点及其子节点，通过缩进表示层级关系。 你可以根据自己的需求修改节点的属性和展示方式。注意，在实际应用中，可能需要从数据库或其他数据源获取节点数据，并将展示方式适配到前端页面中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值