複数の連想配列を一つの連想配列に変換したいです

Question

前提

TypeScriptで連想配列を操作しようと考えています。
複数の連想配列(今回は２つ)を結合したいと考えております。

実現したいこと　

objHeaderとobjBodyをgroup()で結合して
resultに変換をしたいです。

objHeader: any[] = [
    { rank: '1位', point: 40, group: 1 },
    { rank: '2位', point: 20, group: 2 },
  ];

  objBody: any[] = [
    { rank: '1位', point: 40, group: 1 },
    { rank: '2位', point: 30, group: 1 },
    { rank: '3位', point: 20, group: 1 },
    { rank: '1位', point: 50, group: 2 },
    { rank: '2位', point: 20, group: 2 },
    { rank: '3位', point: 10, group: 2 },
  ];

result: any[] = [
    {
      rank: '1位',
      point: 40,
      group: 1,
      data: [
        { rank: '1位', point: 40, group: 1 },
        { rank: '2位', point: 30, group: 1 },
        { rank: '3位', point: 20, group: 1 },
      ],
    },
    {
      rank: '2位',
      point: 50,
      gr: 2,
      data: [
        { rank: '1位', point: 50, group: 2 },
        { rank: '2位', point: 20, group: 2 },
        { rank: '3位', point: 10, group: 2 },
      ],
    },

試したこと

map関数を使用して作ろうと考えましたが、上手くいきませんでした。。。

    this.objBody.map((value: any) => {
      this.objHeader.map((value2: any) => {
        if (value.group === value2.group) {
     　　value2.data = value
        }
      });
    });

Comments

[miyabi_takatsuk]

うまくいかなかったとは、具体的にどういった結果だったのでしょうか？
（想定のオブジェクトにならなかった、エラーが出たなど）

[sho.cat]

申し訳ありません。書き方が悪かったです。
上手くいかなかったというより、試したことにあるソース部分までは書いたのですが、
そこから先がどう操作してよいか分らなくなってしまいました。
作成中は下記のように書いたのですが、mapで回る度dataが上書きされるのでどうしてよいかわからなくなってしまいました。
```
this.objBody.map((value: any) => {
this.objHeader.map((value2: any) => {
if (value.gr === value2.gr) {
value2.data = value
}
});
});

```

[miyabi_takatsuk]

そのif文の中身まで書きましょう。
質問本文は修正できますので。
やりたいこと、何が違うのかわかりましたので、回答に移ります。