摘要:为了记住这个方法转化数据图片大图片文字宋体宋体宋体黑体为以下这种格式的,为写树形插件做准备具体代码如下图片大图片文字宋体宋体宋体黑体,为最上层节点,即无父节点数组找子节点
为了记住这个方法:转化数据
[
{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 - var data=[
- {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"},
- ]
- function transTreeData(items){
- if(items.length>0){
- var curPid= 0 //pid=0,为最上层节点 ,即无父节点
- var parent=findChild(curPid);//数组
- return parent;
- }else{
- return [];
- }
- }
- //找子节点
- function findChild (curPid){
- var _arr = [];
- var items=data;
- var length=items.length;
- for(var i = 0; i < length; i++){
- if(items[i].pid == curPid){
- var _obj = items[i];
- _obj.children = findChild(_obj.id);
- _arr.push(_obj);
- }
- }
- return _arr;
- }
- console.log(transTreeData(data));
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/84425.html
摘要:为了记住这个方法转化数据图片大图片文字宋体宋体宋体黑体为以下这种格式的,为写树形插件做准备具体代码如下图片大图片文字宋体宋体宋体黑体,为最上层节点,即无父节点数组找子节点 为了记住这个方法:转化数据 [ {element:图片,id:1,pid:0},//count=1 {element:大图片,id:2,pid:1}, {element:png,id:3,pi...
摘要:用循环代替递归防止栈溢出有些场景可能需要我们把平级的数据转换成树结构,例如这样的数据我们一般想到的就是一个递归就搞定,但是递归嵌套太多会出现性能问题。 用循环代替递归防止栈溢出 有些场景可能需要我们把平级的数据转换成树结构,例如: let data = [ { id: 1, pid: 0 }, { id: 2, pid: 1 }, { id: 3, pid: 2...
摘要:前端知识点总结什么是什么是专门操作网页内容的标准为什么统一不同浏览器操作网页内容的标准优点几乎所有浏览器兼容什么是网页中所有内容在内存中都是保存在一棵树形结构中网页中每项内容元素文本属性注释,都是树上的一个节点对象。 前端知识点总结——DOM 1.什么是DOM: Document Object Model 什么是: 专门操作网页内容的API标准——w3c 为什么: 统一不同浏览器操作网...
摘要:最近在优化一段代码,前端使用的是,页面中有一个树形菜单。我想的方法比较直接,一次性查出所有数据,减少查库的频率,毕竟数据量也就那么多条。 最近在优化一段代码,前端使用的是Ext3,页面中有一个树形菜单。把项目放在本地跑,加载这个树形菜单的速度似乎还凑合,但是在正式环境中点开这个页面,这个树形菜单加载的就很慢了,很明显的感觉到卡壳了一下,于是去查看项目代码,大致思路是这样的,如下: 通过...
阅读 3794·2021-10-11 10:59
阅读 1672·2021-09-29 09:35
阅读 2349·2021-09-26 09:46
阅读 3852·2021-09-10 10:50
阅读 1018·2019-08-29 12:17
阅读 900·2019-08-26 13:40
阅读 2536·2019-08-26 11:44
阅读 2186·2019-08-26 11:22
极致性价比!云服务器续费无忧!
Tesla A100/A800、Tesla V100S等多种GPU云主机特惠2折起,不限台数,续费同价。
NVIDIA RTX 40系,高性价比推理显卡,满足AI应用场景需要。
乌兰察布+上海青浦,满足东推西训AI场景需要