树形结构数据的转换

最新推荐文章于 2024-01-31 09:15:00 发布
VIP文章 最新推荐文章于 2024-01-31 09:15:00 发布
阅读量1.7k 收藏 7
点赞数 1
分类专栏： javascript 数据格式 算法 文章标签： 树形数据结构 简单数据结构 嵌套数据结构 树
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xum222222/article/details/103404461
版权

树形结构数据的转换

项目中经常会用到element组件库中的树形组件<el-tree>，它支持两种数据结构，一种是简单数据结构，通过id和parentId来表示层级关系，另一种是嵌套数据结构，将子级放在父级的children属性中。那么这两种数据结构之间如何转换的？

简单数据结构转嵌套数据结构

let simpleData = [
  {
   
    id: 1,
    parentId: '',
    label: '浙江省',
    value: 'zhejiang',
  },
  {
   
    id: 2,
    parentId: 1,
    label: '杭州市',
    value: 'zhejiang',
  },
  {
   
    id: 3,
    parentId: 1,
    label: '宁波市',
    value: 'zhejiang',
  },
  {
   
    id: 4
最低0.47元/天 解锁文章
xm2by
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java 将有父子关系的数据转换成树形结构数据
01-07
一、数据库父子结构数据设计  大部分采用 parentId的形式来存储父id，并且只存储父id，祖父Id不存储。也可以添加存储层级级别或者层级关系等字段。 CREATE TABLE `t_resource` ( `id` varchar(255) NOT NULL ...
树形结构数据的转化
m0_66333906的博客
05-17 854
假如我们拿到的数据格式是这样的：当我们使用element组件库的Tree组件时,我们需要一个树形数据才能进行渲染，但是我们从后端拿到的数据可能不是我们需要的数据格式，此时，我们就需要对拿到的数据进行格式转化。 假如我们拿到的数据格式是这样的： //数据格式 const arr = [ { id: '01', name: '张大大', pid: '00', job: '项目经理' }, { id: '02', name: '小亮', pid: '01', job: '产品leader' },
树形结构和普通list数据的互换
hcyxsh的博客
04-20 1836
树形结构和普通list数据的互换 1. list转树形结构 /** * list转树形List * @param list * @return */ public static List<RetTreePath> list2tree(List<RetTreePath> list) { List<RetTreePath> result = new ArrayList<>(); M
聊一聊树形结构数据的转换-tree
最新发布
m0_61353839的博客
01-31 464
将数组转换为树结构，时间复杂度，空间复杂度，哈希表
树形结构数据转换
wangyangzxc123的博客
11-03 303
树形结构
Vue ：浅谈树形数据转换的几种方式
jw_xiaoming的博客
11-18 1732
vue 树形组件处理的几种方法
Js中将树形结构的数组转换成树结构方法
小生不才
08-05 561
常常在项目开发中使用到树形组件，那么自然离不开树型数据处理的能力。
实现数据的链式调用，把数组数据转换成树形结构数据
01-21
let data = [ { id: 1, name: "目录1", parentId: 0, }, { id: 2, name: "目录1-1", parentId: 1, }, { id: 3, name: "目录1-2", parentId: 1, }, { id: 4, name: "目录1-1-1", ...
JAVA如何转换树结构数据代码实例
08-19
主要介绍了JAVA如何转换树结构数据代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JSON复杂数据处理之Json树形结构数据转Java对象并存储到数据库的实现
10-22
崇德易城市数据
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
12-29
数据结构为数组中包含对象–树形结构，用Vue组件的写法实现以下的效果： 树形列表，缩进显示层级，第5级数据加底色，数据样式显色，点击展开折叠数据。本文为用Vue实现方式，另有一篇为用knockout.js的实现方法。 ...
代码解析 | '树'的数据结构转化
weixin_34313182的博客
07-29 110
一、问题描述 相信做前端的小伙伴都有遇到过将一个平铺的 ‘树’ 结构转换成一个真正的 ‘树’ 结构，比如说下面这种： var _JSON_ = [ {id: 7, name: '猪', pid: 2}, {id: 8, name: '牛', pid: 2}, {id: 9, nam...
前端数据处理必备技能:数据的树形结构化(递归法与递归法)
weixin_58384302的博客
10-21 6061
在前端的开发过程中,我们有时候会碰到这么种情况,后端给我们的是一组平铺的数据。 而我们需要渲染的却是一个树形结构图,那么我们要怎么将其进行转化呢? [ {id:"01", pid:"", "name":"老王" }, {id:"02", pid:"01", "name":"小张" }, {id:"03", pid:"01", "name":"老王" }, {id:"04", pid:"", "name":"老李" }, {id:"05", pid:"04", "
php中树形结构转数组
morishima的博客
09-08 2337
前言：做一下扩展，把树形结构的数据转成数组格式。 方法一： /** * @param array $tree 原来的树 * @param string $children 孩子节点的键 * @param array $list 过渡用的中间数组， * @return array */ function tree_to_list($tree, $children = 'children', &$list = array())
php 对数据转换成tree,php文件目录列表转成tree状
weixin_30062621的博客
03-12 139
文件目录列表如何转成tree状，即格式化文件目录列表，获得具有父子级关系数据后，再转成tree装数据结构。目录列表转父子关系数据/***格式化文件目录列表，使得数据具有父子级关系*@paramarray$files文件目录列表，如：['a/','a/b/','a/b/c.txt','a/c/','b']*@returnarray父子级关系数组*/functionformat_fi...
最简练的代码将扁平化一维对象数组（具有id、pId或id、parentId或ID、PID）转换为结构化的数组，通过PID或parentId转换为有逻辑关系的树形结构数组（List转换为tree）
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
05-09 127
【代码】最简练的代码将扁平化的数组（具有id、pId或id、parentId或ID、PID）转换为结构化的数组，将扁平化的一位对象数组通过PID或parentId转换为有逻辑关系的树形结构数组。
php对象结构,PHP-将树状对象结构转换为数组并插入整个对象
weixin_39545329的博客
03-10 102
我有一个由两种类型的对象组成的树状对象结构：>类类别的对象> CategoryLink类的对象结构如下：整个故事始于没有父项的一系列类别每个类别都有一些不重要的属性和一些重要的属性：$parent-包含父类别的ID,$children-包含一系列子类别(如果类别没有子类别,则可以为空).$links-包含一个CategoryLinks数组(也可能为空)__constructing Ca...
一个无限级分类
a799009094的博客
05-22 139
1 /** 2 * 把返回的数据集转换成Tree 3 * @param array $list 要转换的数据集 4 * @param string $pid parent标记字段 5 * @param string $level level标记字段 6 * @return array 7 */ 8 function list_to_tree(...
php 集合扁平化,PHP递归：扁平化树,保留元数据
weixin_29515317的博客
04-02 122
假设您有一棵树,该树代表要保留到表中但保留嵌套级别的族.我想将下面的发布数据放入下面的结构中.我相信RecursiveIterator可能是实现此目的的方法,但是我不确定该怎么做.我有适用于大多数情况的代码,但它已成为一件丑陋的,肿的事情.如果您愿意,我可以发布.stdClass Object([name] => Smith[type] => Family[children] =&gt...
扁平化数据转换树形结构
03-31
因此，将扁平化数据转换成树形结构需要进行一些处理。 以下是一个示例数据： ```json [ { "id": 1, "name": "节点1", "parentId": null }, { "id": 2, "name": "节点2", "parentId": 1 }, { "id": 3, "name": ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值