js中数组转树结构

最新推荐文章于 2024-06-04 13:32:37 发布
最新推荐文章于 2024-06-04 13:32:37 发布
阅读量101 收藏 1
点赞数
分类专栏： 公共方法 utils 文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74149462/article/details/134163765
版权

 方法一


/**
 * 构造树型结构数据
 * @param {*} data 数据源
 * @param {*} id id字段 默认 'id'
 * @param {*} parentId 父节点字段 默认 'parentId'
 * @param {*} children 孩子节点字段 默认 'children'
 */
export function handleTree(data, id, parentId, children) {
  const config = {
    id: id || "id",
    parentId: parentId || "parentId",
    childrenList: children || "children",
  };

  var childrenListMap = {};
  var nodeIds = {};
  var tree = [];

  for (const d of data) {
    const parentId = d[config.parentId];
    if (childrenListMap[parentId] == null) {
      childrenListMap[parentId] = [];
    }
    nodeIds[d[config.id]] = d;
    childrenListMap[parentId].push(d);
  }

  for (const d of data) {
    const parentId = d[config.parentId];
    if (nodeIds[parentId] == null) {
      tree.push(d);
    }
  }

  for (const t of tree) {
    adaptToChildrenList(t);
  }

  function adaptToChildrenList(o) {
    if (childrenListMap[o[config.id]] !== null) {
      o[config.childrenList] = childrenListMap[o[config.id]];
    }
    if (o[config.childrenList]) {
      for (const c of o[config.childrenList]) {
        adaptToChildrenList(c);
      }
    }
  }
  return tree;
}

方法二 


 /**
    * @Event 数组转树结构
    * @description: pid: parentId
    * @author: mhf
    * @time: 2023-11-01 16:06:18
    **/
export function arrayToTree(
  list,
  callback = () => {},
  props = { id: 'id', pid: 'pid', children: 'children' }
) {
  function sortArr(a, b) {
    return a.orderNum - b.orderNum;
  }

  list.sort(sortArr);
  const tree = [];
  const map = {};
  const listLength = list.length;
  for (let i = 0; i < listLength; i++) {
    const node = list[i];
    const nodeId = node[props.id];
    map[nodeId] = node;
    callback(node);
  }

  for (let i = 0; i < listLength; i++) {
    const node = list[i];
    const nodePid = node[props.pid];
    const parentNode = map[nodePid];
    if (parentNode) {
      parentNode[props.children] = parentNode[props.children] || [];
      parentNode[props.children].push(node);
    } else {
      tree.push(node);
    }
  }

  return tree;
}

 

原数组 

[
        {
            "createBy": null,
            "createTime": null,
            "updateBy": null,
            "updateTime": null,
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 21,
            "parentId": 1,
            "columnName": "政策分类",
            "columnPath": null,
            "imagesUrl": null,
            "columnType": null,
            "nodeType": "2",
            "sortNum": 1,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": null,
            "createTime": null,
            "updateBy": null,
            "updateTime": null,
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 22,
            "parentId": 21,
            "columnName": "国家级",
            "columnPath": null,
            "imagesUrl": null,
            "columnType": null,
            "nodeType": "2",
            "sortNum": 1,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 1,
            "parentId": 0,
            "columnName": "政策中心",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 1,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 5,
            "parentId": 1,
            "columnName": "政策发布",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 1,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 7,
            "parentId": 2,
            "columnName": "政策文件",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 1,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 11,
            "parentId": 3,
            "columnName": "展会活动",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 1,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 15,
            "parentId": 4,
            "columnName": "政策下载",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 1,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": null,
            "createTime": null,
            "updateBy": null,
            "updateTime": null,
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 23,
            "parentId": 21,
            "columnName": "省级",
            "columnPath": null,
            "imagesUrl": null,
            "columnType": null,
            "nodeType": "2",
            "sortNum": 2,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 2,
            "parentId": 0,
            "columnName": "项目申报",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 2,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 6,
            "parentId": 1,
            "columnName": "政策解读",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 2,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 8,
            "parentId": 2,
            "columnName": "政策解读",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 2,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 12,
            "parentId": 3,
            "columnName": "产品汇聚",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 2,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 16,
            "parentId": 4,
            "columnName": "解读下载",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 2,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": null,
            "createTime": null,
            "updateBy": null,
            "updateTime": null,
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 24,
            "parentId": 21,
            "columnName": "市级",
            "columnPath": null,
            "imagesUrl": null,
            "columnType": null,
            "nodeType": "2",
            "sortNum": 3,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 3,
            "parentId": 0,
            "columnName": "供需中心",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 3,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 9,
            "parentId": 2,
            "columnName": "项目申报",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 3,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 13,
            "parentId": 3,
            "columnName": "企业之窗",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 3,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": null,
            "createTime": null,
            "updateBy": null,
            "updateTime": null,
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 25,
            "parentId": 21,
            "columnName": "其他",
            "columnPath": null,
            "imagesUrl": null,
            "columnType": null,
            "nodeType": "2",
            "sortNum": 4,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 4,
            "parentId": 0,
            "columnName": "资料下载",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 4,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 10,
            "parentId": 2,
            "columnName": "项目公示",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 4,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        },
        {
            "createBy": "admin",
            "createTime": "2023-10-23 02:04:47",
            "updateBy": "admin",
            "updateTime": "2023-10-23 02:04:47",
            "beginTime": null,
            "endTime": null,
            "askParam": {},
            "formSpan": null,
            "id": 14,
            "parentId": 3,
            "columnName": "需求汇聚",
            "columnPath": "",
            "imagesUrl": "",
            "columnType": null,
            "nodeType": "1",
            "sortNum": 4,
            "status": 1,
            "deleted": null,
            "remark": null,
            "columnList": null
        }
    ]

处理之后的数组 

[{
        'createBy': 'admin',
        'createTime': '2023-10-23 02:04:47',
        'updateBy': 'admin',
        'updateTime': '2023-10-23 02:04:47',
        'beginTime': null,
        'endTime': null,
        'askParam': {},
        'formSpan': null,
        'id': 1,
        'parentId': 0,
        'columnName': '政策中心',
        'columnPath': '',
        'imagesUrl': '',
        'columnType': null,
        'nodeType': '1',
        'sortNum': 1,
        'status': 1,
        'deleted': null,
        'remark': null,
        'columnList': null,
        'child': [{
          'createBy': null,
          'createTime': null,
          'updateBy': null,
          'updateTime': null,
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 21,
          'parentId': 1,
          'columnName': '政策分类',
          'columnPath': null,
          'imagesUrl': null,
          'columnType': null,
          'nodeType': '2',
          'sortNum': 1,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null,
          'child': [{
            'createBy': null,
            'createTime': null,
            'updateBy': null,
            'updateTime': null,
            'beginTime': null,
            'endTime': null,
            'askParam': {},
            'formSpan': null,
            'id': 22,
            'parentId': 21,
            'columnName': '国家级',
            'columnPath': null,
            'imagesUrl': null,
            'columnType': null,
            'nodeType': '2',
            'sortNum': 1,
            'status': 1,
            'deleted': null,
            'remark': null,
            'columnList': null
          }, {
            'createBy': null,
            'createTime': null,
            'updateBy': null,
            'updateTime': null,
            'beginTime': null,
            'endTime': null,
            'askParam': {},
            'formSpan': null,
            'id': 23,
            'parentId': 21,
            'columnName': '省级',
            'columnPath': null,
            'imagesUrl': null,
            'columnType': null,
            'nodeType': '2',
            'sortNum': 2,
            'status': 1,
            'deleted': null,
            'remark': null,
            'columnList': null
          }, {
            'createBy': null,
            'createTime': null,
            'updateBy': null,
            'updateTime': null,
            'beginTime': null,
            'endTime': null,
            'askParam': {},
            'formSpan': null,
            'id': 24,
            'parentId': 21,
            'columnName': '市级',
            'columnPath': null,
            'imagesUrl': null,
            'columnType': null,
            'nodeType': '2',
            'sortNum': 3,
            'status': 1,
            'deleted': null,
            'remark': null,
            'columnList': null
          }, {
            'createBy': null,
            'createTime': null,
            'updateBy': null,
            'updateTime': null,
            'beginTime': null,
            'endTime': null,
            'askParam': {},
            'formSpan': null,
            'id': 25,
            'parentId': 21,
            'columnName': '其他',
            'columnPath': null,
            'imagesUrl': null,
            'columnType': null,
            'nodeType': '2',
            'sortNum': 4,
            'status': 1,
            'deleted': null,
            'remark': null,
            'columnList': null
          }]
        }, {
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 5,
          'parentId': 1,
          'columnName': '政策发布',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 1,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }, {
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 6,
          'parentId': 1,
          'columnName': '政策解读',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 2,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }]
      }, {
        'createBy': 'admin',
        'createTime': '2023-10-23 02:04:47',
        'updateBy': 'admin',
        'updateTime': '2023-10-23 02:04:47',
        'beginTime': null,
        'endTime': null,
        'askParam': {},
        'formSpan': null,
        'id': 2,
        'parentId': 0,
        'columnName': '项目申报',
        'columnPath': '',
        'imagesUrl': '',
        'columnType': null,
        'nodeType': '1',
        'sortNum': 2,
        'status': 1,
        'deleted': null,
        'remark': null,
        'columnList': null,
        'child': [{
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 7,
          'parentId': 2,
          'columnName': '政策文件',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 1,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }, {
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 8,
          'parentId': 2,
          'columnName': '政策解读',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 2,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }, {
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 9,
          'parentId': 2,
          'columnName': '项目申报',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 3,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }, {
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 10,
          'parentId': 2,
          'columnName': '项目公示',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 4,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }]
      }, {
        'createBy': 'admin',
        'createTime': '2023-10-23 02:04:47',
        'updateBy': 'admin',
        'updateTime': '2023-10-23 02:04:47',
        'beginTime': null,
        'endTime': null,
        'askParam': {},
        'formSpan': null,
        'id': 3,
        'parentId': 0,
        'columnName': '供需中心',
        'columnPath': '',
        'imagesUrl': '',
        'columnType': null,
        'nodeType': '1',
        'sortNum': 3,
        'status': 1,
        'deleted': null,
        'remark': null,
        'columnList': null,
        'child': [{
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 11,
          'parentId': 3,
          'columnName': '展会活动',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 1,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }, {
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 12,
          'parentId': 3,
          'columnName': '产品汇聚',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 2,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }, {
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 13,
          'parentId': 3,
          'columnName': '企业之窗',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 3,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }, {
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 14,
          'parentId': 3,
          'columnName': '需求汇聚',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 4,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }]
      }, {
        'createBy': 'admin',
        'createTime': '2023-10-23 02:04:47',
        'updateBy': 'admin',
        'updateTime': '2023-10-23 02:04:47',
        'beginTime': null,
        'endTime': null,
        'askParam': {},
        'formSpan': null,
        'id': 4,
        'parentId': 0,
        'columnName': '资料下载',
        'columnPath': '',
        'imagesUrl': '',
        'columnType': null,
        'nodeType': '1',
        'sortNum': 4,
        'status': 1,
        'deleted': null,
        'remark': null,
        'columnList': null,
        'child': [{
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 15,
          'parentId': 4,
          'columnName': '政策下载',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 1,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }, {
          'createBy': 'admin',
          'createTime': '2023-10-23 02:04:47',
          'updateBy': 'admin',
          'updateTime': '2023-10-23 02:04:47',
          'beginTime': null,
          'endTime': null,
          'askParam': {},
          'formSpan': null,
          'id': 16,
          'parentId': 4,
          'columnName': '解读下载',
          'columnPath': '',
          'imagesUrl': '',
          'columnType': null,
          'nodeType': '1',
          'sortNum': 2,
          'status': 1,
          'deleted': null,
          'remark': null,
          'columnList': null
        }]
      }
      ]

毛三仙
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【进阶篇】js数组转换为树结构函数
风中追风
12-18 2462
我们常常在做后台管理系统的时候 需要对数据进行组装成一个树装结构，这里特地将此方法进行封装： let data = [ { id: 1, text: 't11', parentId: 0 }, { id: 2, text: 't11', parentId: 0 }, { id: 3, text: 't11', parentId: 1 }, { id: 4, te...
JS将数据转换成一个树状结构的数据
xdlhw1997的博客
12-15 529
JS将普通数据转换成一个树状结构的数据
js数组整理成树形结构
最新发布
资深Bug开发大师
06-04 1017
【代码】js数组整理成树形结构。
JavaScript将数据处理成树形结构
weixin_43954835的博客
05-18 1775
第一个方法是使用递归，可以处理多层嵌套。（react的value值和key值不一样是会报错的，而且key值要唯一，如果这组数据需要带有搜索功能的话是要设置treeNodeFilterProp来指定根据哪个字段来搜索的）。如果传进来的数据保证是有字段的可以省略判断的步骤，递归这个方法也可以结合第二个方法让代码看起来更简洁。 function toTree(data) { for (let i = 0; i < data.length; i++) { data[i].value =
JS处理数据为树形结构
weixin_44145894的博客
01-11 1547
本篇文章介绍在处理省市区等数组数据为树形结构，诸如此类数据处理方法。
JS把array数组转为树形结构
此人很懒，什么都没有写
01-27 628
【代码】JS把array数组转为树形结构。
js数组转换成tree结构数组
08-22
js数组转换成tree结构数组算法
js代码-数组转化树形结构
07-15
3. 构建树结构：从根节点开始，根据节点的父ID在映射表中找到对应节点并添加到其子节点数组中。 三、实际代码实现 下面是一个简单的JavaScript函数，用于将数组转化为树形结构。假设数组中的每个元素都有`id`和`...
JavaScript将数组转换为链表的方法
10-15
在JavaScript中，数组是一种常见的数据结构，而链表则是另一种常用的数据结构，它们各有优势。在某些场景下，我们可能需要将数组转换为链表，例如在实现特定算法或者优化某些操作时。本文将深入探讨如何使用...
js 实现 list转换成tree的方法示例（数组到树）
12-02
// 第二遍遍历，过滤出根节点，即parentId为0的节点，构成最终的树结构 oldArr = oldArr.filter(ele => ele.parentId === 0); return oldArr; } ``` 调用这个函数并将结果打印出来，可以看到我们成功地将原始数...
JS实现树形结构、一维数组以及map之间的转换
smell201611010513的博客
08-14 869
树形结构转数组涉及到树的遍历，树的遍历分为深度遍历（前中后序）和广度遍历。打印后的结果和treeData一致。打印结果同1中的listData。
基于jstree使用JSON数据组装成树
10-19
主要为大家详细介绍了基于jstree使用JSON数据组装成树，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JS数组和树形结构的相互转换
weixin_52368011的博客
06-09 1120
js数组和树形结构的相互转换
JS各种数据类型转换树状结构(移动端文件管理常用结构)
m0_50553098的博客
08-11 215
【代码】JS各种数据类型转换树状结构(移动端文件管理常用结构)
js实现扁平数据转化成树结构数据
前端-尔嵘
05-27 1757
以上是四种不同的 JavaScript 实现将扁平数据转化为树结构数据的示例代码。这些实现方法都有其各自的优缺点，具体使用要根据实际场景进行选择。使用递归和 reduce 结合实现。使用 reduce 实现。
js实现数组转成树形结构
一个韩韩韩
01-09 700
把一组非树形结构的数据，根据parentId组成树形结构。
JS实现数组与树结构的相互转换
少吃点肉的博客
01-15 1340
1.数组转换为数结构 let data= [ { id: 2, name: '部门B', parentId: 0 }, { id: 3, name: '部门C', parentId: 1 }, { id: 1, name: '部门A', parentId: 2 }, { id: 4, name: '部门D', parentId: 1 }, { id: 5, name: '部门E', p
js实现对象数组转树形结构【全网最严谨】
yiguoxiaohai的博客
01-09 933
js实现对象数组转树形结构【全网最严谨】
js 扁平化数组转树结构对象
05-17
扁平化数组转树结构对象是一种常见的数据处理方式，在 JavaScript 中可以通过递归来实现。具体步骤如下： 1. 首先对扁平化数组进行排序，以保证每个父节点在子节点之前处理。 2. 通过递归，遍历整个扁平化数组。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值