树状结构数据转成多维数组结构

最新推荐文章于 2023-08-24 14:53:49 发布
最新推荐文章于 2023-08-24 14:53:49 发布
阅读量293 收藏 1
点赞数
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wml_521/article/details/130947615
版权
文章展示了如何使用JavaScript函数flattenTree来处理具有层级关系的树状结构数据，将多级嵌套的列表转化为一维数组。该函数递归遍历每个节点，如果节点有子节点则继续遍历，否则将路径添加到结果中。最终返回的结果是所有路径的集合。
摘要由CSDN通过智能技术生成

树状结构数据list

let list = [
      {
   
        "id": 10000,
        "categoryName": "Lighting",
        "level": 1,
        "child": [
          {
   
            "id": 10001,
            "level": 2,
            "child": [
              {
   
                "id": 10236,
                "level": 3,
                "child": null,
              },
              {
   
                "id"</
最低0.47元/天 解锁文章
江山如画24
关注
树结构变成一维数组
weixin_39547000的博客
10-20 2639
树结构数据 var data=[{"id":1,"pid":0,"name":"四川","children":[{"id":2,"pid":1,"name":"成都","children":[{"id":6,"pid":2,"name":"高新区"},{"id":7,"pid":2,"name":"武侯区"}]},{"id":3,"pid":1,"name":"宜宾","children":[{"id":8,"pid":3,"name":"翠屏区"}]},{"id":4,"pid":1,"name":"绵阳
tree结构拆为一维数组 一维转多维 tree结构
weixin_41881346的博客
10-24 472
buildTreeList(data, id, parentId) { this.treeDataIdObj = ""; let treeData = []; let tmpMap = {}; for (let i = 0, l = data.length; i < l; i++) { // 以每条数据的id作为obj的...
javascript 树形数据转化维数组
demon的专栏
11-12 921
javascript 树形数据转化维数组废话不多说直接上代码。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>遍历树</title> </head> <body> <script> window.onload = function () { var data = [
树形结构和数组结构互相转换
今天又懒得加班
12-18 624
树形转数组 思路： 一个数组把父节点和子节点都塞入一个一维数组中 const treeToArray = (tree) => { let result = [] const merge = (tree, childName = "children") => { result.push(tree) tree[childName].forEa...
树状结构转换成二维和一维数组
Jackshijin的博客
05-12 2921
在项目中遇到树状结构的目录要变成一维的数组，就是多级的嵌套目录转化为列表，在JavaScript中列表的数据就是以数组的形式来实现的。 假定现在有如下的树状结构的数据： const tree = [ { id: 1, items: [ { id: 2, it...
多维数组处理成树形结构，以及按照树形结构转换为一维数组或者多维数组
weixin_42733155的博客
06-13 1624
来源是朋友问我的一个问题，多维数组的扁平化以及一维数组逆向还原成原始数组。 多维数组的扁平化不必多说，数组实例的flat方法就行。低版本浏览器的话也可以写递归，参考我去年的一篇文章（注：当时写的有点粗糙，仅供参考）多维数组变成一维数组 关于一维数组的逆向，可以说，如果只是简单的一维数组，那么是无法实现逆向的，因为一维数组没有保存原始的结构信息。所以，一维数组的逆向，其实就是从一个保存了原始数据...
多维树状数组实战
实践求真知
09-20 178
算法和数据结构
PHP递归遍历多维数组实现无限分类的方法
12-19
这种递归遍历多维数组的方法在处理层级数据时非常实用，特别是在网站导航菜单、组织结构、文件系统等场景。但是，需要注意的是，递归在处理大量数据时可能会导致栈溢出或内存消耗过大，因此在实际应用中需要权衡性能...
python 树结构 转换 list_【Python】将有父子关系的一维数组转换成树形结构(多维)数据...
weixin_39836063的博客
12-22 811
已知原有数据 :var data=[{ id: 40, parentId: 31, note: "的萨达是" },{ id: 20, parentId: 11, note: "的萨达是" },{ id: 22, parentId: 20, note: "dsadas" },{ id: 12, parentId: null, note: "dsadasad萨达s" },{ id: 11, paren...
js 树型数据 转 数组
s13166803785的博客
12-14 1069
/** * 树转数组扁平化结构 * 深度优先遍历 堆栈 后进先出 */ function deep(node){ let stack = node, data = []; while(stack.length != 0){ let pop = stack.pop(); data.push({ id: pop.id, name: pop.name, paren
树形结构递归修改层级数据字段和树结构变为数组
枫林晚风起
11-01 684
【代码】树形结构递归修改层级数据字段。
树形结构转为数组
最新发布
dcfgis的专栏
08-24 295
解决将树形结构数据转为数组结构。
数组转树形结构 和 树形结构转数组
qq_61233877的博客
04-25 2776
通过使用场景带你轻松掌握树形结构和数组的相互转换。
树状结构转二维数组
weixin_42608188的博客
09-11 1549
需求场景 在element的级联面板中使用的数据树形菜单，通过isShow来判断是否勾选，我们知道级联面板的勾选情况的数据是[[1,2],[1,4,5]]这样的形式，但是后台传来的数据是整个树形结构的数据，通过isShow来判断是否勾选。我们需要把数据处理成我们可以使用的二维数组。 树状结构如下： [ { id: 1, name: '1', isShow: 1, children: [ { id: 2, name: '2', isShow: 1, ch
Vue3 数组转换成树形结构
King Saj
09-18 828
需要处理的数据: [{ "CODE": "01", "NAME": "服务投诉" }, { "CODE": "04", "NAME": "停送电投诉" }, { "CODE": "0201", "NAME": "营业厅服务" }, { "CODE": "0202", "NAME": "营业厅人员服务态度" }, { "CODE": "0203", "NAME": "营业厅人员服务规范" }, { "CODE": "0101", "NAME": "收费标准" }
JavaScript 给树形(层级)数组添加层级标识
菜虚鲲的博客
01-25 3513
const arrayTreeAddLevel = (array, levelName = 'level', childrenName = 'children') => { if (!Array.isArray(array)) return [] const recursive = (array, level = 0) => { level++ return array.map(v => { v[levelName]
vue将树状结构转为一维结构并标明层级
Yss915的博客
09-07 1109
vue将树状结构转为一维结构并标明层级
vue：一维数组数据转化为树结构数据案例
weixin_39309258的博客
06-02 582
遇到的知识点参考 https://zhuanlan.zhihu.com/p/159343067 实现效果 模拟数据 [ { "projSeqno": "3", "projName": "總損耗(不含發電耗汽)", "menuLevel": "1", "cudayLossPer": "1.800000", "cudayLossValue": "10.00", "cudayLossMoney": "1950.000000", "cumonLossPer": "-4.100000", "cumonLossVal
核心数据结构与算法精粹汇总
后缀数组是一种用于字符串处理的数组结构，它可以快速解决字符串搜索、最长公共前缀（LCP）等问题。后缀数组由字符串的所有后缀按字典序排序后构成的数组，配合LCP数组可有效支持多种字符串操作。后缀数组在生物信息...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值