javascript 同じproperty名を持ったobjectを結合する方法

Question

youtubeのcommentをgetするapiを叩いたら
{ 0: {}, 1: {}, 100: {} }
のようなデータを最大100件取得します。

このデータにはnextPageTokenという情報があってその情報を追加して再度APIを叩くと
次の100件のコメントを取得できます。

ここで質問ですが、返ってくるデータは
一回目でも二回でも

{ 0: {}, 1: {}, 100: {} }
のように0から100のproperty名を持ったobjectです。

これを結合して200件のデータを作りたく

const hoge = { 0: {}, 1: {}, 100: {} };

const hoge2 = { 0: {}, 1: {}, 100: {} };

const hoge3 = { ...hoge, ...hoge2 };
console.log(hoge3);

してもproperty名が同じのため上書きされた結合となり100件のままになりました。

同じproperty名を持ったデータを結合する方法がありましたらご教示いただけますでしょうか

Answer 1

とりあえず思いつくものとしては、以下の2つですかね

listにしてみるとか

hoge3 = {list:[hoge, hoge2]};

後からとったものを+100してくっつけるとか(+100はn回あるでしょから、何かに入れてループした回数分を掛けて調整する)

hoge[101] = {};

Answer 2

かりに同じkeyを持てたとして、key=0を指定した場合前後どちらのkeyを取得するつもりでしょうか？

もしhoge3[0]が[hoge1[0],[hoge2[0]]を返すならhoge3を生成時にそのような構造にすればいいし
hoge2[0]にあたる値を受け取るのをhoge3[100]でアクセスするならhoge2のキーを変更して
つなげていけばいい