js遍历arr树状结构数据
时间: 2023-12-08 14:05:23 浏览: 31
遍历树状结构数据可以使用递归函数来实现,以下是一个使用 JavaScript 实现的示例代码:
```javascript
function traverseTree(data) {
// 遍历当前层级的节点
data.forEach(function(node) {
// 处理当前节点
console.log(node.id);
// 如果当前节点有子节点,则递归遍历子节点
if (node.children && node.children.length > 0) {
traverseTree(node.children);
}
});
}
// 示例数据
var data = [
{
id: 1,
children: [
{
id: 2,
children: [
{
id: 4
}
]
},
{
id: 3
}
]
},
{
id: 5,
children: [
{
id: 6
}
]
}
];
// 调用遍历函数
traverseTree(data);
```
在上面的示例代码中,`traverseTree()` 函数接收一个数组类型的参数 `data`,表示一个树状结构数据。函数首先遍历当前层级的节点,输出节点的 `id` 值,然后判断当前节点是否有子节点,如果有则递归调用 `traverseTree()` 函数来遍历子节点。最终,整个树状结构数据将会被完整遍历一遍。