【js】两个数组对象合并成一个树结构的数据

 模板
 /**
  * 合并两个数组，将岗位信息按照部门进行分组
  * @param {Array} array1 岗位信息数组，每个岗位包含部门ID（deptId）、岗位ID（postId）和岗位名称（postName）
  * @param {Array} array2 部门信息数组，每个部门包含部门ID（id）和部门名称（label）
  * @returns {Array} 返回一个新数组，每个元素代表一个部门，包含部门ID、部门名称和该部门下的所有岗位（children）
  */
 mergeArrays(array1, array2) {
     const result = []
     // 遍历部门信息数组，为每个部门创建一个岗位子数组
     array2.forEach(item => {
         // 初始化岗位子数组
         const children = []
         // 遍历岗位信息数组，将属于当前部门的岗位添加到岗位子数组中
         array1.forEach(post => {
             if (post.deptId === item.id) {
                 children.push({
                     deptId: post.deptId,
                     id: post.postId,
                     deptName: post.deptName,
                     label: post.postName
                 })
             }
         })
         // 将部门及其岗位子数组添加到结果数组中
         result.push({
             id: item.id,
             label: item.label,
             children: children
         })
     })

     return result
 }

这是一个通用的两个数组对象合并为一个树结构数组的方法，其中的参数可以根据自己的需求进行修改：以下是测试数据，可以自行设置查看返回数据：

 const array1 = [{
         deptId: 1,
         postId: 1,
         deptName: 'Department A',
         postName: 'Position A'
     },
     {
         deptId: 1,
         postId: 2,
         deptName: 'Department A',
         postName: 'Position B'
     },
     {
         deptId: 2,
         postId: 3,
         deptName: 'Department B',
         postName: 'Position C'
     }
 ]
 const array2 = [{
         id: 1,
         label: 'Department A'
     },
     {
         id: 2,
         label: 'Department B'
     }
 ]