两个树形结构 合并 并且去重

请求到的是树形结构的数据 请求过来展示到页面，多个接口请求过来的数据 会在同一个div内展示，但接口1 和接口2 请求的数据有重复的 需要去重

树形结构大概是这样

treedata:[
{
title:xx,
id:xx,
children:[
  {
title:xx,
id:xx,
children:[
title:xx,
id:xx,
]
  }
]
},


{
title:xx,
id:xx,
children:[
  {
title:xx,
id:xx,
children:[
title:xx,
id:xx,
    ]
  }
]
},
] 

有两个或以上的这种数据 合并 并且去重然后再渲染展示到页面 主要是有很多的 children 层级结构不知道怎么去重了

你需要怎么合并和去重,能给个例子吗?