如何用ES6语法递归更新dataTree所有节点的toggled值为true？

数据老陈

2026-5-21

解决方案：递归设置所有节点的toggled为true

没问题，这有个用ES6语法实现的递归方案，刚好能满足你的需求——把树形结构里所有节点的toggled值都更新为true，我会给你两种实现思路，你可以根据场景选择：

1. 修改原对象（可变版本）

如果不需要保留原始的树形数据，直接修改原对象的话，这个方法简单高效：

const toggleAllNodes = (tree) => {
  // 先把当前节点的toggled设为true
  tree.toggled = true;
  
  // 检查是否有子节点，有的话递归处理每个子节点
  if (tree.children) {
    tree.children.forEach(toggleAllNodes);
  }
  
  return tree;
};

使用示例

拿你提供的示例数据来测试：

const dataTree = { 
  name: "Misc", 
  toggled: true, 
  children: [{ 
    name: "Apple", 
    toggled: false, 
    children: [{ name: "banana", toggled: false }] 
  }] 
};

const updatedTree = toggleAllNodes(dataTree);
console.log(updatedTree);
// 输出结果里所有节点的toggled都是true

2. 返回新对象（不可变版本）

如果需要保留原始数据，不想修改原对象，可以用ES6的展开运算符创建节点副本，实现不可变更新：

const toggleAllNodesImmutable = (tree) => {
  // 创建当前节点的副本，覆盖toggled为true
  const updatedNode = {
    ...tree,
    toggled: true
  };
  
  // 若有子节点，递归处理每个子节点并替换children数组
  if (updatedNode.children) {
    updatedNode.children = updatedNode.children.map(toggleAllNodesImmutable);
  }
  
  return updatedNode;
};

这个版本会生成一个全新的树形结构，原始的dataTree不会被改动，适合需要维护数据不可变性的场景（比如React状态管理）。