如何动态访问/创建嵌套对象(根据循环中的数字进行深度分析)

Question

我有几个if-语句，它们几乎完全相同，只是currentHierarchie对象上的一个层次结构。有人能帮我把这个循环起来吗？这种方式的if语句的数量必须与laneAndAllParentLanesIds.length相同。

private createLaneHierarchieStructure(laneAndAllParentLanesIds: any[], currentHierarchie) {
    for (let i = 0; i < laneAndAllParentLanesIds.length; i++) {
        const obj = currentHierarchie;
        const keys = laneAndAllParentLanesIds;

        if (i === 0 && !obj[keys[i]])
            obj[keys[i]] = {};

        if (i === 1 && !obj[keys[i - 1]][keys[i]])
            obj[keys[i - 1]][keys[i]] = {};

        if (i === 2 && !obj[keys[i - 2]][keys[i - 1]][keys[i]])
            obj[keys[i - 2]][keys[i - 1]][keys[i]] = {};

        if (i === 3 && !obj[keys[i - 3]][keys[i - 2]][keys[i - 1]][keys[i]])
            obj[keys[i - 3]][keys[i - 2]][keys[i - 1]][keys[i]] = {};

        if (i === 4 && !obj[keys[i - 4]][keys[i - 3]][keys[i - 2]][keys[i - 1]][keys[i]])
            obj[keys[i - 4]][keys[i - 3]][keys[i - 2]][keys[i - 1]][keys[i]] = {};
    }
    return currentHierarchie;
}

此代码的示例响应 (在多次调用它并将其保存到相同的对象(currentHierarchie)之后，如下所示：

for (let i = 0; i < boards.length; i++) {
    let laneHierarchie = {};
    boards[i]['info']['lanes'].forEach(lane => {
        const laneAndAllParentLanesIds = this.getAllParentLanes(i, lane);
        laneHierarchie = this.createLaneHierarchieStructure(laneAndAllParentLanesIds, laneHierarchie);
    });
    console.log(laneHierarchie);
}

Answer 1

您可以将obj变量声明和初始化移到for循环之外，并且只使用一个值作为检查obj的键，并在必要时分配一个空数组。

然后将下一个循环的最后一个属性分配给obj。

const obj = currentHierarchie;

for (let key of laneAndAllParentLanesIds) {
    obj[key] = obj[key] || {};
    obj = obj[key];
}

带有reduce的版本

void laneAndAllParentLanesIds.reduce((o, id) => o[id] = o[id] || {}, currentHierarchie);