美文网首页
js树形结构数据格式化

js树形结构数据格式化

作者: keneo | 来源:发表于2017-11-29 00:21 被阅读0次

我们有时候会拿到一个包含p_id和id的类似树形结构的数据,有一款jq插件zTree就有用到这样的数据。比如:

假设第一个元素为a节点,我们希望在a节点中加上children属性,该属性为数组类型,其元素为其他节点的p_id等于a节点的id的对象。

处理后的a节点为

处理这样的数据我想到的是首先拿到一级节点,之后再用递归去寻找一级节点的子节点。然后直接push到一级节点的children里就可以了。

这里我用的vue 做测试:

待处理数据为areaArr,也就是上面截图的areaArr,之后写两个方法,a,b。a方法中拿到一级节点,然后调用b方法拿到一级节点的子节点。

其中字节点可能还有子节点,所以b方法中使用递归查找子节点。

结果为:

相关文章

  • 树形结构数据中实用的方法

    预设:树形结构数据树形为value、children、label 格式化树形数据 获取当前节点下所有子节点 查找目...

  • PHP树结构的构建和反构建

    数据库取出来的数据,怎么格式化为树形结构呢? 打印出结构如下 现在如果要把这样的树形结构回退到之前的二维数据 打印...

  • 常用的工具函数

    格式化时间 将url请求参数转为json格式 父子关系的数组转换成树形结构数据 树形结构数据转换成父子关系的数组 ...

  • js树形结构数据格式化

    我们有时候会拿到一个包含p_id和id的类似树形结构的数据,有一款jq插件zTree就有用到这样的数据。比如: 假...

  • JS树结构数据的遍历

    title: JS树结构数据的遍历date: 2022-04-14description: 针对项目中出现树形结构...

  • 【JS算法】JS数据结构

    JS的数据结构就2种,数组和链表链表可以演变成:树形结构、图形结构数组可以演变成:队列、栈树形结构是前端最重要的数...

  • js 处理树形结构数据 方法

    把表结构转树结构 根据子节点id 查找到子节点对象 查找id 的树 级联路径数组findTreeRouteArra...

  • 通过递归生成树形结构数据

    如下数据: 生成树结构代码: 转换后的数据: 根据树形数据生成树形文档

  • 树形结构(一):二叉树

    树形结构是指数据元素之间存在“一对多”(One-to-Many)的树形对应关系而形成的一类数据结构,树形结构是一类...

  • 《恋上数据结构与算法一》笔记(二十)总结

    目录 复杂度 线性数据结构 树形数据结构 线性+树形数据结构 一 复杂度 时间复杂度 空间复杂度 二 线性数据结构...

网友评论

      本文标题:js树形结构数据格式化

      本文链接:https://www.haomeiwen.com/subject/wdmybxtx.html