如何正确合并两个多维数组？

Question

我有以下包含对象的数组：

[
  {
    name: "test",
    sub: {
      name: "asdf",
      sub: {}
    }
  },
  {
    name: "models",
    sub: {}
  }
]

我也有以下对象：

{
  name: "test",
  sub: {
    name: "asdf",
    sub: {
      name: "inside_asdf",
      sub: {}
    }
  }
}

现在我想以某种方式合并两者，以便得到一个如下所示的数组：

[
  {
    name: "test",
    sub: {
      name: "asdf",
      sub: {
        name: "inside_asdf",
        sub: {}
      }
    }
  },
  {
    name: "models",
    sub: {}
  }
]

问题是我不知道该怎么做。我也希望这适用于任何数组深度，所以如果我想将数组合并到“inside_asdf”的子级，它也可以工作。 希望有人可以帮助我。我也已经尝试过 Object.merge 但这并没有输出所需的结果。 我感谢每一个信息或解决方案。 提前致谢。

##修复##
我在下面标记了正确答案。然而，因为我编写了整个应用程序以与 typescript 做出反应，所以我找到了解决这个问题的另一种方法。

Answer 1

---

更新的答案给出了你想要的结果，但是它是，使用 jQuery，原型 $.extend。

不是我再次包装，带有[]数组标签的aaaa，因为它需要具有相同的结构。

实现你想要的完整代码：

var data = [
  {
    name: "test",
    sub: {
      name: "asdf",
      sub: {}
    }
  },
  {
    name: "models",
    sub: {}
  }
];

var aaaa = [{
    name: "test",
    sub: {
      name: "asdf",
      sub: {
        name: "inside_asdf",
        sub: {}
      }
    }
  }];


console.log($.extend({}, data, aaaa));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>