资讯专栏INFORMATION COLUMN

把平级数据变成树形数据

alin / 920人阅读

摘要:为了记住这个方法转化数据图片大图片文字宋体宋体宋体黑体为以下这种格式的,为写树形插件做准备具体代码如下图片大图片文字宋体宋体宋体黑体,为最上层节点,即无父节点数组找子节点

为了记住这个方法:转化数据

[
    {element:"图片",id:"1",pid:"0"},//count=1
    {element:"大图片",id:"2",pid:"1"},
    {element:"png",id:"3",pid:"2"},
    {element:"jpeg",id:"4",pid:"2"},
    {element:"gif",id:"5",pid:"2"},
    {element:"gif11",id:"6",pid:"5"},
    {element:"gif111",id:"7",pid:"6"},
    {element:"gif222",id:"8",pid:"6"},
    {element:"文字",id:"9",pid:"0"},
    {element:"宋体",id:"10",pid:"9"},
    {element:"宋体111",id:"11",pid:"10"},
    {element:"宋体222",id:"12",pid:"10"},
    {element:"黑体",id:"13",pid:"9"},
]

为以下这种格式的,为写树形插件做准备

具体代码如下:




    tree





文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84425.html

相关文章

  • 平级数据变成树形数据

    摘要:为了记住这个方法转化数据图片大图片文字宋体宋体宋体黑体为以下这种格式的,为写树形插件做准备具体代码如下图片大图片文字宋体宋体宋体黑体,为最上层节点,即无父节点数组找子节点 为了记住这个方法:转化数据 [ {element:图片,id:1,pid:0},//count=1 {element:大图片,id:2,pid:1}, {element:png,id:3,pi...

    kk_miles 评论0 收藏0
  • Javascript 树结构数据转换,用循环代替递归防止栈溢出

    摘要:用循环代替递归防止栈溢出有些场景可能需要我们把平级的数据转换成树结构,例如这样的数据我们一般想到的就是一个递归就搞定,但是递归嵌套太多会出现性能问题。 用循环代替递归防止栈溢出 有些场景可能需要我们把平级的数据转换成树结构,例如: let data = [ { id: 1, pid: 0 }, { id: 2, pid: 1 }, { id: 3, pid: 2...

    PrototypeZ 评论0 收藏0
  • 前端知识点总结——DOM

    摘要:前端知识点总结什么是什么是专门操作网页内容的标准为什么统一不同浏览器操作网页内容的标准优点几乎所有浏览器兼容什么是网页中所有内容在内存中都是保存在一棵树形结构中网页中每项内容元素文本属性注释,都是树上的一个节点对象。 前端知识点总结——DOM 1.什么是DOM: Document Object Model 什么是: 专门操作网页内容的API标准——w3c 为什么: 统一不同浏览器操作网...

    Vultr 评论0 收藏0
  • 优化项目中树结构数据的操作

    摘要:最近在优化一段代码,前端使用的是,页面中有一个树形菜单。我想的方法比较直接,一次性查出所有数据,减少查库的频率,毕竟数据量也就那么多条。 最近在优化一段代码,前端使用的是Ext3,页面中有一个树形菜单。把项目放在本地跑,加载这个树形菜单的速度似乎还凑合,但是在正式环境中点开这个页面,这个树形菜单加载的就很慢了,很明显的感觉到卡壳了一下,于是去查看项目代码,大致思路是这样的,如下: 通过...

    cppowboy 评论0 收藏0

发表评论

0条评论

alin

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<