[JavaScript]バックエンドからデータを再帰的に取得したい

Question

聞きたいこと

バックエンドから下のような形式のコメントのデータを取得しようと思っています。

{
  id: 1234,
  context: "コメント1",
  children: [
    1235,
    1236,
    1237
  ]
}

idはコメントを一意に特定するためのid, contextはコメントの内容、childrenにはそのコメントに対してのコメントのidが入ります。

ただ、特定のコメントに対してのコメントに対してのコメントも存在し、それらも取得したいと思っています。
(上の例だと、コメントID: 1234に対してのコメントである1235に対してのコメントもある)

一旦自力で下のように実装してみました。

:

const fetchComments = (comment) => {
  if (comment.children) {
    return fetchItems(comment.children).then((c) => {
      return fetchComments(c);
    })
  }
};

const fetchItems = (comments) => {
  return Promise.all(comments.map(comment => fetchItem(comment))
} 

const fetchItem = (comment) => {
  // バックエンドと疎通して、comment 1件を取得する処理
  return new Promise...
}

:
const comment = 1234
fetchComments(comment).then(res => console.log(res));

最終的に fetchComments を実行した際に、res 変数にすべて取得してきたコメント情報が配列のような形式で代入されていればいいのですが、undefinedになってしまいます。

Comments

[miyabi_pudding]

comment.children
がない時に値を返してないからだと思います。
そこらへんをまず、値がない場合にどう処理するか、をやってみるとよいかと。
そこらへん整備してもまだundefinedになるなら、またコメント下さい。

[yambejp]

状況説明をお願いします
apiにid=1234をなげると例示のjsonが帰るのでそこからchildrenにある
値を利用して再度idを投げるということですか？
結果としてcontextを一次配列で保持すればいいのでしょうか？

[sabx]

> yambejp
コメントありがとうございます。

> apiにid=1234をなげると例示のjsonが帰るのでそこからchildrenにある
値を利用して再度idを投げるということですか？
はい、そのとおりです。

> 結果としてcontextを一次配列で保持すればいいのでしょうか？
結果として全てのコメントを、コメントオブジェクトの形式(質問に記載のid: 1234...のやつです)で一時配列に格納できればと思っています。