如何把一个数组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 数组中。

相关推荐
hh随便起个名3 小时前
力扣二叉树的三种遍历
javascript·数据结构·算法·leetcode
我是小路路呀4 小时前
element级联选择器:已选中一个二级节点,随后又点击了一个一级节点(仅浏览,未确认选择),此时下拉框失去焦点并关闭
javascript·vue.js·elementui
程序员爱钓鱼4 小时前
Node.js 编程实战:文件读写操作
前端·后端·node.js
PineappleCoder4 小时前
工程化必备!SVG 雪碧图的最佳实践:ID 引用 + 缓存友好,无需手动算坐标
前端·性能优化
JIngJaneIL5 小时前
基于springboot + vue古城景区管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
敲敲了个代码5 小时前
隐式类型转换:哈基米 == 猫 ? true :false
开发语言·前端·javascript·学习·面试·web
澄江静如练_5 小时前
列表渲染(v-for)
前端·javascript·vue.js
JustHappy5 小时前
「chrome extensions🛠️」我写了一个超级简单的浏览器插件Vue开发模板
前端·javascript·github
Loo国昌5 小时前
Vue 3 前端工程化:架构、核心原理与生产实践
前端·vue.js·架构