1. var jsonData = eval(`[
  2. {"id":"4","pid":"1","name":"大家电"},
  3. {"id":"5","pid":"1","name":"生活电器"},
  4. {"id":"1","pid":"0","name":"家用电器"},
  5. {"id":"2","pid":"0","name":"服饰"},
  6. {"id":"3","pid":"0","name":"化妆"},
  7. {"id":"7","pid":"4","name":"空调"},
  8. {"id":"8","pid":"4","name":"冰箱"},
  9. {"id":"9","pid":"4","name":"洗衣机"},
  10. {"id":"10","pid":"4","name":"热水器"},
  11. {"id":"11","pid":"3","name":"面部护理"},
  12. {"id":"12","pid":"3","name":"口腔护理"},
  13. {"id":"13","pid":"2","name":"男装"},
  14. {"id":"14","pid":"2","name":"女装"},
  15. {"id":"15","pid":"7","name":"海尔空调"},
  16. {"id":"16","pid":"7","name":"美的空调"},
  17. {"id":"19","pid":"5","name":"加湿器"},
  18. {"id":"20","pid":"5","name":"电熨斗"}
  19. ]`);
  20.  
  21. function transData(data, idStr, pidStr, chindrenStr) {
  22. var arr = [],
  23. hash = {},
  24. id = idStr,
  25. pid = pidStr,
  26. children = chindrenStr;
  27.  
  28. for (var i = 0; i < data.length; i++) {
  29. hash[data[i][id]] = data[i];
  30. }
  31. for (var j = 0; j < data.length; j++) {
  32. //data 中每一项
  33. var arrVal = data[j],
  34. //找父分类
  35. hashVP = hash[arrVal[pid]];
  36. //pid 不为 0
  37. if (hashVP) {
  38. !hashVP[children] && (hashVP[children] = []);
  39. hashVP[children].push(arrVal);
  40. }
  41. //pid 为 0
  42. else {
  43. // 将data 的对象添加到数组中
  44. arr.push(arrVal);
  45. }
  46. }
  47. return arr;
  48. }
  49.  
  50. var jsonDataTree = transData(jsonData, 'id', 'pid', 'chindren');
  51. console.log(jsonDataTree);

05 - json转成树状结构的更多相关文章

  1. js修改父子json格式成树状结构格式

    js修改父子json成树状结构 var json = [ { "id" : "01", "pId":"" } , { & ...

  2. linux 把ls -R格式化成树状结构

    谁能写脚本把linux中的ls -R命令的结果格式化成树状结构? 最好是shell脚本!欢迎讨论! 参与讨论有可能意外获取iPhone6哦~~

  3. js中把ajax获取的数据转化成树状结构(并做成多级联动效果)

    1.首先通过ajax获取数据,此处省略,直接贴出获取到的数据格式 var arr = [{ id: 1, name: "一级标题", pid: 0 }, { id: 2, name ...

  4. iOS:二叉树多级表格的使用,使用三方库TreeTableView-master实现对json解析数据的递归遍历整理成树状结构

    在项目中,我们有时需要使用二叉树来实现多级表格的递归遍历查询,如果对二叉树比较懂,那么写起来其实也不费事,为了节省开发时间,下面介绍一下第三方库TreeTableView-master,这个三方库上给 ...

  5. javascript将list转换成树状结构

    /** * 将list装换成tree * @param {Object} myId 数据主键id * @param {Object} pId 数据关联的父级id * @param {Object} l ...

  6. PHP将数据集转换成树状结构

    /** * 把返回的数据集转换成Tree * @param array $list 要转换的数据集 * @param string $pid parent标记字段 * @param string $l ...

  7. 使用Map辅助拼装树状结构,消除递归调用

    目前菜单或其他树状结构在数据库中的存储,多数是以一个parentid作为关联字段,以一维形式存储.使用时全部查询出来,然后在内存中拼装成树状结构.现在主要涉及的是拼装方法的问题. 一般可以进行 递归调 ...

  8. 原生JS实现树状结构列表

    树状结构列表,这个技术点之前有写过了,是基于vue讲解,但似乎都没有解决痛点,最基础的原生JS该怎么实现呢? 这篇文章会全面详细的介绍树状结构列表的实现,从数据处理成树状结构,到动态生成dom节点渲染 ...

  9. 用Django ORM实现树状结构

    前言 之前看对于用关系数据库实现树状结构的方法就知道一直做自关联的表,但是感觉自关联查询太慢了,最近看到一篇文章,感觉视野开拓了好多,文章:数据库表设计,没有最好只有最适合来自:微信. 下面就针对这里 ...

随机推荐

  1. 题解 P4705 【玩游戏】

    这题是真的神仙啊...居然用的 stl 来卡常? 话说 998244353 真的可以一眼 NTT ? noteskey 所以说只要推柿子就好了但是有的地方的推导根本就想不到... 我们令第 t 个答案 ...

  2. 关于tarjan

    关于Tarjan算法 梗概 tarjan算法有两种(我了解的),一种是用来求强连通分量的,另一种是关于割点和桥的问题. 根据机房大佬HL说过,这两种算法是互相独立的,只是代码很像. 强连通分量问题 关 ...

  3. matplotlib 中的柱状图

    def drawBar(): pyplot.bar(range(5),[100,200,300,400,400]) pyplot.xticks(range(5),['A','B','C','D','E ...

  4. jQuery-委托事件和on方法注册事件

    delegate注册委托事件 delegate--代理.委托 事件代理----事件最终不是由$("#first")执行,它只是代理元素 第一个参数:最终发生事件的元素 第二个参数: ...

  5. Python3——坦克大战

    # coding=utf-8 # Version:python3.6.1 __date__ = '2018/9/20 18:51' __author__ = 'Lgsp_Harold' import ...

  6. JS ArrayBuffer和String

    http://blog.mn886.net/chenjianhua/show/6b02fa4173ed/index.html ArrayBuffer和String 互相转换 function str2 ...

  7. 使用Tornado异步接入第三方(支付宝)支付

    目前国内比较流行的第三方支付主要有支付宝和微信支付,博主最近研究了下如何用Python接入支付宝支付,这里我以Tornado作为web框架,接入支付宝构造支付接口. 使用Tornado异步接入支付宝支 ...

  8. JSPatch 热更新

    JSPatch 是一个 iOS 动态更新框架,只需在项目中引入极小的引擎,就可以使用 JavaScript 调用任何 Objective-C/Swift 原生接口. 获得脚本语言的优势,为项目动态添加 ...

  9. rhel 7安装Mysql

    rhel7安装mysql服务 环境: 1)rhel 7虚拟机 2)配置完163网络yum源,并且保证网络通畅 安装过程: 1) 安装Mysql和Mysql-devel 命令:yum install m ...

  10. CentOS Linux搭建SVN服务器

    Linux系统:CentOS 安装步骤如下: 1.yum install subversion 2.输入rpm -ql subversion查看安装位置,如下图: 可以看到 svn在bin目录下生成了 ...