vue 后端返回了一个结构树 拿到所有的父级节点并且下面所有的子节点平铺
时间: 2024-02-23 10:02:37 浏览: 79
你可以使用递归函数来实现拿到所有的父级节点并且下面所有的子节点平铺。具体步骤如下:
1. 首先定义一个空数组,用于存储所有的节点。
2. 然后定义一个递归函数,传入当前节点和节点数组。
3. 对于当前节点,先将其加入节点数组中。
4. 如果当前节点存在子节点,那么遍历子节点数组,对每个子节点递归调用该函数。
5. 返回节点数组。
下面是示例代码:
```javascript
function flattenTree(node, nodes) {
nodes.push(node);
if (node.children) {
node.children.forEach(child => {
flattenTree(child, nodes);
});
}
return nodes;
}
```
使用方法如下:
```javascript
const tree = { /* 树结构 */ };
const nodes = flattenTree(tree, []);
// nodes 中存储了所有的节点,包括父节点和子节点
```
希望这个回答能够帮助到你!
阅读全文