Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 遍历树

作者:ˉ吻干迩的'泪   发布日期:2026-03-16   浏览:105

// 定义一个树结构,每个节点包含 id 和 children 属性
const tree = [
  {
    id: 1,
    children: [
      {
        id: 2,
        children: [
          { id: 4, children: [] },
          { id: 5, children: [] }
        ]
      },
      { id: 3, children: [] }
    ]
  }
];

// 遍历树的函数,使用递归方式遍历每个节点
function traverseTree(node) {
  console.log('Node:', node.id); // 输出当前节点的 id

  // 如果当前节点有子节点,则递归遍历每个子节点
  if (node.children && node.children.length > 0) {
    node.children.forEach(child => traverseTree(child));
  }
}

// 从根节点开始遍历整棵树
tree.forEach(rootNode => traverseTree(rootNode));

// 解释说明:
// 1. `tree` 是一个数组,表示树的根节点。
// 2. `traverseTree` 函数用于递归遍历树的每个节点。
// 3. 每次遍历到一个节点时,输出该节点的 id。
// 4. 如果当前节点有子节点,则继续递归遍历其子节点。
// 5. 最后通过 `tree.forEach` 从根节点开始遍历整棵树。

上一篇:js array最后一个元素

下一篇:js foreach 异步

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站