JSTree技术问题：JavaScript递归函数为何仅执行一次后停止？

我来帮你拆解下这个递归函数提前终止的核心问题，再给你两种靠谱的解决思路：

为什么你的递归会提前停止？ #

1. 每次递归都重新获取树数据，导致操作完全不同步
   你在remove函数里每次调用都重新执行tree = $('#jstree-tree').jstree(true).get_json('#', {flat:true});，这意味着每一层递归操作的都是全新的数组副本。当你在递归调用里删除子节点后，当前函数里的tree还是之前获取的旧数组，后续的splice操作根本不会作用到已经处理过子节点的数组上，直接导致递归逻辑断裂。

2. 循环索引逻辑混乱
   你试图用j--来应对数组元素被删除后的索引偏移，但因为每次递归都重新获取数组，这个操作不仅起不到预期作用，反而会让循环的索引逻辑彻底混乱，进一步导致递归提前终止。

方案一：修复递归函数（手动处理数组） #

如果一定要自己实现递归删除逻辑，需要先一次性获取树的扁平数组，然后在递归中操作同一个数组，而不是每次重新拉取。修改后的代码如下：

function removeSubtree(tree, index) {
    // 先递归删除当前节点的所有子节点
    let j = 0;
    while (j < tree.length) {
        if (tree[index].id === tree[j].parent) {
            removeSubtree(tree, j);
            // 删除子节点后数组长度减一，j保持当前值继续检查
            continue;
        }
        j++;
    }
    // 删除当前节点
    tree.splice(index, 1);
}

// 使用示例：
// 1. 一次性获取扁平结构的树数据
const treeData = $('#jstree-tree').jstree(true).get_json('#', {flat:true});
// 2. 调用递归函数删除目标索引对应的子树（比如目标索引是5）
removeSubtree(treeData, 5);
// 3. 如果需要更新页面上的树显示，重新加载数据或刷新
$('#jstree-tree').jstree(true).refresh();

方案二：直接用jstree内置API（更简单可靠） #

其实jstree本身就提供了自动删除节点及其所有子节点的API，完全没必要自己写递归！只需要调用delete_node方法，传入要删除的节点ID或节点对象即可：

// 获取jstree实例
const jstree = $('#jstree-tree').jstree(true);
// 传入要删除的节点ID（比如你的目标节点ID是"node_123"）
jstree.delete_node("node_123");

这个API会自动处理所有子节点的删除，并且同步更新页面上的树显示，比手动写递归稳定得多，也更符合jstree的使用规范。

内容的提问来源于stack exchange，提问作者ekka