javascript - 在 Javascript 中使用变量作为对象成员名称

Question

我正在编写代码以在 Javascript 中设置查找结构

var g_Codes = {
    "Type1": {
        "U.S.": "US1",
        "Asia": "AS1",
        "Europe": "EU1"
    },
    "Type2": {
        "U.S.": "X2",
        "Asia": "X2",
        "Europe": "X2"
    },
    "Type3": {
        "U.S.": "X3",
        "Asia": "X3",
        "Europe": "X3"
    },
    "Type4": {
        //  Does not exist yet
    }
};

因此您可以遍历它并通过交叉引用类型和区域获取代码。

但是，我想做到这一点，所以我可以这样做:

var US_REGION = "U.S.";
var AS_REGION = "Asia";
var EU_REGION = "Europe";

var g_Codes = {
    "Type1": {
        US_REGION: "US1",
        AS_REGION: "AS1",
        EU_REGION: "EU1"
    },
    "Type2": {
        US_REGION: "X2",
        AS_REGION: "X2",
        EU_REGION: "X2"
    },
    "Type3": {
        US_REGION: "X3",
        AS_REGION: "X3",
        EU_REGION: "X3"
    },
    "Type4": {
        //  Does not exist yet
    }
};

并使更改标准区域名称变得更加容易。

如果我尝试这样做:

for(let focus in g_Codes) {
     print(focus);
}

第一个给出“美国”、“亚洲”等，而第二个给出“US_REGION”、“AS_REGION”

我如何使用变量，同时保持循环 g_Codes 的简单性？

Answer 1

你不能，用你想要的符号。

可以先定义对象:

var g_Codes = {
    Type1: {},
    Type2: {},
    Type3: {}
};

然后使用属性名称变量和方括号符号填充它:

g_Codes.Type1[US_REGION] = 'US1';