트리 구조에서 효율적으로 트리를 구축하는 방법

Question

트리 구조에 여러 개의 개체가 있습니다. 그런데 현재 이 구조는 저에게 맞지 않습니다. v-teeview를 사용해야 해서 구조를 바꿔야 하기 때문이죠...

내 트리 구조는 현재 다음과 같습니다:

으아아아

다음과 같이 정리해야 합니다.

으아아아

그래서 트리를 재구성하는 재귀 함수를 구현했습니다.

codesandbox의 코드:

으아아아

현재 내 문제는 새 트리를 만들 때 해당 하위 트리가 정의되지 않는다는 것입니다. 제가 뭘 잘못하고 있는 걸까요?

제 예제 코드에서는 console.log()를 사용하여 새 트리를 확인합니다

Answer 1

createTree() 不返回任何内容，因此将返回值分配给 children 只会使 children 具有 undefined 가치.

한 가지 해결책은 도우미 메서드(예: "createNode”），该方法从每个数组元素创建树节点（而不是递归调用 createTree()）。返回createTree()的结果，并将返回值赋给datatree:

"라는 이름)를 재귀적으로 호출하는 것입니다. 으아악

데모