ツリー構造から効率的にツリーを構築する方法

Question

ツリー構造に多数のオブジェクトがあります。しかし、現時点では、v-teeview を使用する必要があるため、この構造は機能しません。そのため、再構築する必要があります...

現在のツリー構造は次のようになります:

リーリー

次のようなものを再構築する必要があります:

リーリー

そこで、ツリーを再構築するために使用される再帰関数を実装しました。

コードサンドボックス内のコード:

リーリー

つまり、現在の問題は、新しいツリーを構築すると、そのサブツリーが定義されていないということですが、何が間違っているのでしょうか?

コード例では、console.log() を使用して新しいツリーを表示します

Answer 1

createTree() は何も返さないため、戻り値を children に代入しても、children の値は unknown になるだけです。

1 つの解決策は、(createTree()# を再帰的に呼び出す代わりに) 各配列要素からツリー ノードを作成するヘルパー メソッド (たとえば、「createNode」という名前) を再帰的に呼び出すことです。 ## ）。 createTree() の結果を返し、戻り値を datatree に代入します: リーリー ＃＃＃＃＃＃デモ＃＃＃ ＃＃＃