js中平级数组和树形结构数据相互转换

作者&投稿:叱干奚 (若有异议请与网页底部的电邮联系)
~

在实际的工作和业务需求中,我们经常会碰到树形数据结构,比如公司组织架构、组织层级、省市县或者事物的分类等等数据。那么在JavaScript中如何将数组转为树形结构和树形结构转为数组,本文就详细的来探究一下。

先来看看给出了一组怎样的数据,转换为怎样的树形结构。

后台接口返回或者面试官给你的数据:

期望的处理后的数据:


如果后台给了一个这样的数据说让前端自己去转换为树形结构或者面试官给你一组这样的数据让你手写一个转换方法,你会怎么处理?

1、递归实现

2、Map对象实现

3、filter实现

这种方法很有意思,可能大多数人想不到,也是从大佬处学到的(读书人的是怎么能叫抄呢,应该叫“窃”)。

1、reduce取树行数据的所有子集

2、递归实现

3、广度优先遍历法




js中平级数组和树形结构数据相互转换
后台接口返回或者面试官给你的数据:期望的处理后的数据:如果后台给了一个这样的数据说让前端自己去转换为树形结构或者面试官给你一组这样的数据让你手写一个转换方法,你会怎么处理?1、递归实现 2、Map对象实现 3、filter实现 这种方法很有意思,可能大多数人想不到,也是从大佬处学到的(读书人的是...

数据结构都有哪些分类呢?
根据数据元素间关系的不同特性,将数据结构常分为下列四类基本的结构:⑴集合结构。该结构的数据元素间的关系是“属于同一个集合”。⑵线性结构。该结构的数据元素之间存在着一对一的关系。⑶树型结构。该结构的数据元素之间存在着一对多的关系。⑷图形结构。该结构的数据元素之间存在着多对多的关系,也...

数据结构中的是树形的结构有哪些,算法叫什么名字?
基础类:二叉搜索(排序)树,线索二叉树,哈夫曼树(最优二叉树),二叉堆 平衡树类:AVL,红黑树,2-3树,2-3-4树,B树,B+树,B-树,treap,SBT。优先队列类:左高树(左偏树,可并堆,斜堆),双端堆,斐波那契堆 集合类:并查集 区间树类:线段树,划分树,归并树,树状数组 字母树类:...

总结下各种常见树形结构的定义及特点(二叉树、AVL树、红黑树、Trie树...
二叉树是对普通树形结构进行限定得到的一种特殊的树,规定树中节点的度不大于2,当节点有两个子节点,也就是有两颗子树时,它们有左右之分,分别被称为左子树和右子树,左子树和右子树又同样都是二叉树。二叉树性质包括完美二叉树、完全二叉树和完满二叉树等特例。二叉查找树是一种特殊的二叉树,又...

线性的数据结构有哪几种?各有什么特点
特点:数组中的各元素的存储是有先后顺序的,它们在内存中按照这个先后顺序连续存放在一起;数组元素用整个数组的名字和它自己在数组中的顺序位置来表示。6、串 串是零个或多个字符组成的有限序列。一般记S=‘a1a2...an ’其中,S是串名,单引号括起的字符序列是串值;ai(1〈=i〈=n)可以是字...

数据结构
对于有结构的数据,高级语言如Pascal,提供了数组、记录、有限制的集合和文件等四种标准的结构数据类型。其中,数组是科学计算中的向量、矩阵的抽象;记录是商业和管理中的记录的抽象;有限制的集合是数学中足够小的集合的势集的抽象;文件是诸如磁盘等外存储数据的抽象。?人们可以利用所提供的基本数据类型(...

常用数据结构有哪些
常见的堆有二叉堆、斐波那契堆等。8、图 图是由结点的有穷集合V和边的集合E组成。其中,为了与树形结构加以区别,在图结构中常常将结点称为顶点,边是顶点的有序偶对,若两个顶点之间存在一条边,就表示这两个顶点具有相邻关系。参考资料来源:百度百科—数据结构 ...

数据结构面试题整理学生收藏
(2)集合中必存在唯一的一个"最后的元素"; (3)除最后元素之外,其它数据元素均有唯一的"后继"; (4)除第一元素之外,其它数据元素均有唯一的"前驱"。 五、数组和链表的区别? 从逻辑结构来看:数组的存储长度是固定的,它不能适应数据动态增减的情况。链表能够动态分配存储空间以适应数据动态增减的情况,并且易于进行...

java中都有哪些数据结构??
在计算机科学中,堆是一种特殊的树形数据结构,每个结点都有一个值。通常我们所说的堆的数据结构,是指 二叉堆。堆的特点是根结点的值最小(或最大),且根结点的两个子树也是一个堆。⑦图 (Graph)图是由结点的有穷集合V和边的集合E组成。其中,为了与树形结构加以区别,在图结构中常常将结点称...

1、在数据结构中,从逻辑上可以把数据结构分成( )
在数据结构中,从逻辑上可以把数据结构分成线性结构和非线性结构。逻辑结构即数据元素之间的逻辑关系,是从逻辑关系上描述数据,与数据的存储无关。因此根据数据元素之间的关系,逻辑结构被分为两大类:线性结构和非线性结构。而集合结构和非集合结构、树形结构和图状结构指的都是特定的数据结构类型。

酒泉市18341698784: js中怎么实现二维数组的转置 -
吴栋妥布: <script language="javascript" type="text/javascript"> var arr1 = [[30,-1,90],[70,100,-40],[39,29,6],[39,92,9]]; var arr2 = [];//确定新数组有多少行 for(var i=0;i<arr1[0].length;i++){ arr2[i] = []; }//动态添加数据//遍历原数组 for(var i=0;i<arr1.length;i++...

酒泉市18341698784: javascript 如何做到数组与集合之间的转换 -
吴栋妥布: var temp = {}; for(var i = 0; i <array.length; i ++) { var key = array[i]; temp[key] = {data:array[i]}; } 这样temp里面放的就是唯一没有重复的

酒泉市18341698784: 急急急!!!怎样将json数组数据 转成json树结构数据? -
吴栋妥布: <html> <head> <meta charset="utf-8" /> <title>b.html</title> <style type="text/css"> </style> <script type="text/javascript">var jsonobj ={success : true,root : [{id : "001",name : "aaa",parent : null},{id : "002",name : "bbb...

酒泉市18341698784: 数据结构的树和二叉树之间怎么转换? -
吴栋妥布: 将树转换成二叉树:① 加线:在兄弟之间加一连线 ② 抹线:对每个结点,除了其左孩子外,去除其与其余孩子之间的关系 ③ 旋转:以树的根结点为轴心,将整树顺时针转45° 将二叉树转换成树:① 加线:若p结点是双亲结点的左孩子,则将p的右孩子,右孩子的右孩子……沿分支找到的所有右孩子,都与p的双亲用线连起来 ② 抹线:抹掉原二叉树中双亲与右孩子之间的连线 ③ 调整:将结点按层次排列,形成树结构

酒泉市18341698784: JS 数组转换 -
吴栋妥布: 给你例子,你一看就明白了.<br>var val = ['54.3','33','22'];<br> var array = new Array(); //js 中数组都是 第一种和这种方式,没有浮点型的数组.<br>// js是一个弱类型. 不和java 一样. 例如 var a="1"; 和 var a=1; 都用var类型指定.<br> for(var i=0;i<val.length;i++) {<br> array.push(val[i]);<br> }<br> for(var i=0;i<array.length;i++){<br> alert(array[i]);<br> }

酒泉市18341698784: 请教js数组转化问题 -
吴栋妥布: var test="100,200,300,400";<br>var shuzu=test.split(",");<br>alert(parseInt(shuzu[0])+parseInt(shuzu[1]));<br><br>//split函数应该得到的字符串数组,你强制转换一下类型就可以了 <br>或者使用eval函数<br>var test="100,200,300,400";<br>var shuzu=eval("["+test+"]")<br>alert(shuzu[0]+shuzu[1]);

酒泉市18341698784: javascript的数据类型转换 -
吴栋妥布: js中存在数据类型的隐式转换 数字转化成字符串只需要在后面+''就行了 转化为布尔只需要在前面加!!就行了 注释: num + '' 转化为字符串;!!num转化为布尔.望采纳

酒泉市18341698784: js如何将一个数组对象转换成另外一种格式的数组对象 -
吴栋妥布: var arr = ["中国|广东|深圳","中国|广东|深圳","中国|湖北|黄石","中国|湖北|武汉","中国|广东|广州","中国|广东|广州","中国|湖北|武汉","中国|福建|福州","中国|福建|厦门"];var result={};var temp={};for(var i=0;i<...

酒泉市18341698784: javascript 怎样将数组转化为字符串? -
吴栋妥布: 首先,在JavaScript中获取数组中的一部分数据,用slice()方法. 然后数组中的元素可能有大小区分,该如何对数组中的元素进行排序,可以使用sort()方法.一个数组对象里面包含很多的元素,如何在这些元素前添加元素呢,可以使用...

酒泉市18341698784: JS 这段代码是如何实现的,二维数组转置 -
吴栋妥布: array[0].map(function(m,i) 这里是获得二维数组的列数(i就是每一列),然后array.map(function(row)这里则是取出array数组中每一列的数据(即row[i])组成一维数组,return后这个数组就替换掉array[0]中原来的每一列数据,最后函数返回的数组中原来的列就自动变成行了

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网