如何把一个数组json数据,加到已有的树形数据中

要将一个数组的 JSON 数据添加到已有的树形数据中,可以使用递归方法遍历树形数据,并将数组中的每个元素插入到合适的位置。以下是一个使用 JavaScript 实现的示例:

javascript 复制代码
function insertArrayToTree(tree, arrayData) {
  if (!tree || !arrayData) return;

  for (let i = 0; i < tree.length; i++) {
    if (tree[i].id === arrayData[0].parentId) {
      tree[i].children = tree[i].children || [];
      for (let j = 0; j < arrayData.length; j++) {
        tree[i].children.push(arrayData[j]);
      }
      return;
    } else if (tree[i].children && tree[i].children.length > 0) {
      insertArrayToTree(tree[i].children, arrayData);
    }
  }
}

// 示例
const tree = [
  {
    id: 1,
    name: '节点1',
    children: [
      {
        id: 2,
        name: '节点1-1',
        children: [],
      },
    ],
  },
  {
    id: 3,
    name: '节点2',
    children: [],
  },
];

const arrayData = [
  {
    id: 4,
    name: '节点1-2',
    parentId: 2,
  },
  {
    id: 5,
    name: '节点1-3',
    parentId: 2,
  },
];

insertArrayToTree(tree, arrayData);
console.log(tree);

这个示例中,insertArrayToTree 函数接受两个参数:一个是已有的树形数据 tree,另一个是要插入的数组数据 arrayData。函数会遍历树形数据,找到与数组数据第一个元素的父节点,并将数组中的每个元素插入到父节点的 children 数组中。

相关推荐
东方小月6 小时前
一篇文章带你深入拆解Skill的本质与工程实现,让你不再滥用Skill
前端·人工智能·后端
清水白石0086 小时前
Python 类型设计深度解析:TypedDict 能否替代 dataclass?从 JSON 数据边界到 API 设计的最佳实践
java·python·json
DevOpenClub6 小时前
网页采集如何稳定输出结构化数据:JSON、链接与快照三阶段流水线
数据库·json·api
xy34536 小时前
Axure9.0 中继器遮罩的核心应用场景(精准适配列表交互)
前端·ui·html·原型·产品设计·axure9.0
天道kabuto6 小时前
记一次 UnoCSS 样式离奇失效的踩坑复盘
前端
前端小张同学7 小时前
AI全栈开发最佳实践💐
前端·后端·架构
前端 贾公子7 小时前
第09章:上下文与记忆 (6)
开发语言·前端·python
用户931456355667 小时前
接口幂等性设计:从原理到落地,一篇讲透
前端
柚yuzumi7 小时前
别再猜 this:先看它属于谁,再看它指向谁
前端·javascript
YIAN7 小时前
React + Zustand + JWT 前端权限体系完整实现:从登录鉴权到路由守卫全流程拆解
前端·react.js·架构