如何从树对象获取给定路径的子树？

Question

我有一个形式的树对象：

var data = [{
    "root": true,
    "label": null,
    "question": "What product category?",
    "nodes": [{
        "label": "Clothes",
        "question": "What type of clothing?",
        "nodes": [{
            "label": "Jeans",
            "question": "Color of jeans?",
            "nodes": [{
                    "label": "Blue",
                    "question": null,
                    "nodes": null
                },

            ]
        }]
    }]
}];

我试图返回给定的子树给定的数组[0,0,0]的路径将返回data[0].nodes[0].nodes[0] 。 我正在尝试一种迭代方法，是否有可能以递归方法进行？

Answer 1

这是递归函数：

 function subTree(arr, indexes) { var a = arr[indexes[0]]; return indexes.length > 1 ? subTree(a.nodes, indexes.slice(1)) : a; } var data = [{ "root": true, "label": null, "question": "What product category?", "nodes": [{ "label": "Clothes", "question": "What type of clothing?", "nodes": [{ "label": "Jeans", "question": "Color of jeans?", "nodes": [{ "label": "Blue", "question": null, "nodes": null }] }] }] }]; console.log(subTree(data, [0,0,0])); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

解决此问题的思考过程

正如您在评论中提出的问题一样，这是我在解决此问题时所经历的过程：

我想到的第一件事：我可能需要遍历对象属性以找到具有子对象的对象。

第二件事：不，我不知道，它始终是nodes属性。

然后：但是等一下-第一个索引不是从nodes属性中获取的，而所有其他索引都是。 获取通用解决方案是否有问题？

然后，我意识到事实并非如此，因为第一个调用是从数组开始的-我不需要知道它是作为nodes属性值提供的数组还是仅仅是初始数据数组。 数组是一个数组。 仅在第一次递归调用（以及所有更深层次的调用）时，我才需要按名称提及nodes属性，并且始终是该属性名称。

似乎合乎逻辑，在每个递归，你会传递的数组nodes属性和其余的指数的阵列，所以没有一个已经处理的指标。 后一个数组将减少为一个空数组，这将是递归的终点。

然后，我开始编写代码来处理递归结束的情况，即您没有索引。 首先我想写

function subTree(arr, indexes) {
    if (!indexes.length) return arr;
    // ...
}

但这是不对的，因为返回值不应该是数组，而应该是具有该数组的对象，所以实际上这段代码的递归太深了！

因此，第二次尝试变为：

function subTree(arr, indexes) {
    var index = indexes.shift();
    if (indexes.length == 0) return arr[index];
    // ...
}

shift调用似乎是删除第一个索引并将其保留在单独变量中的一种好方法，因此可以将其用于返回正确的对象。

看起来不错：如果调用是subTree(data, [0])我确实会得到所需的结果。

然后，我继续编写递归案例：

function subTree(arr, indexes) {
    var index = indexes.shift();
    if (indexes.length == 0) return arr[index];
    return subTree(arr[index].nodes, indexes);
}

这看起来还不错。 有效。

但是看到两个用if分隔的return语句需要一个三元运算符，因此我将其更改为：

function subTree(arr, indexes) {
    var index = indexes.shift();
    return indexes.length ? subTree(arr[index].nodes, indexes) : arr[index];
}

我发布了此内容，然后意识到使用shift不是一个好主意：它修改了传递给函数的参数，这对调用者来说不是很好：这是意外的副作用。 因此，我应该创建数组的新实例，而不是修改给定的索引数组：

function subTree(arr, indexes) {
    var index = indexes[0];
    return indexes.length > 1 ? subTree(arr[index].nodes, indexes.slice(1)) : arr[index];
}

slice是一种获取给定数组一部分的浅表副本的方法，因此仅将1作为参数创建一个新数组，该数组不再具有第一个索引。 通过这种工作方式，条件当然必须从简单的indexes.length更改为indexes.length > 1 。

最后，我感到有点愚蠢，我创建了一个变量index避免了重复的[0] ，但是并没有避免两次使用arr[index] 。 因此，最终的解决方案浮出水面。

希望这可以帮助。