javascript - 使用变量来分解对象数组选择

Question

我正在尝试清理我的代码并使其更通用以供重用。 并且想知道我正在尝试的事情是否可行。

我有一个很大的对象数组，随后里面有更多的对象数组。

如示例中所示，可以轻松导航到这些数组，但我想将通用部分缩写为变量以供重用。

jsFiddle

var widgetObject = [];

thisWidget = "widgetObject.xReport";

widgetObject["xReport"] = {
    id: "xReport",

    widgetTitleHeading: "x Report Heading",

    widgetFilters: {
        startDate: "01/01/2018",
        endDate: "01/01/2018"
    },
    widgetAttributes: {
        xPos: "0",
        yPos: "0",
        width: "5",
        height: "5"
    }
};

console.log(widgetObject.xReport.widgetFilters.startDate);

//this will not work.
console.log(thisWidget.widgetFilters.startDate);

我的问题是，是否可以像我在示例中尝试使用“thisWidget”那样以某种方式创建一个缩写字符串？

Answer 1

var widgetObject = [];

//thisWidget = "widgetObject.xReport";// Don't do this  <<<<<<<<<<<<<<

widgetObject["xReport"] = {
    id: "xReport",

    widgetTitleHeading: "x Report Heading",

    widgetFilters: {
        startDate: "01/01/2018",
        endDate: "01/01/2018"
    },
    widgetAttributes: {
        xPos: "0",
        yPos: "0",
        width: "5",
        height: "5"
    }
};

console.log(widgetObject.xReport.widgetFilters.startDate);

var thisWidget = widgetObject.xReport; // Just add this line   <<<<<<<<<<<<<

//this will work.
console.log(thisWidget.widgetFilters.startDate);