创建具有动态属性名称的对象

IT技术 javascript
2021-01-12 20:53:26

我正在尝试这样做：

var KEYS = {} ;

KEYS.PHONE_TYPE = 'phone-type';
KEYS.AGENT_TYPE = 'agent-type';

var myAppConfig = {
    ...
    iconMap : { 
        KEYS.PHONE_TYPE : 'icon-phone', 
        KEYS.AGENT_TYPE : 'icon-headphones'
    };
    ...
};

但它失败了，并显示一条消息： Expected ':' and instead saw '.'.

如何使用间接（非文字）键名初始化对象？

要清楚，我想要的结果是：

{
    'phone-type' : 'icon-phone',
    'agent-type' : 'icon-headphones'
}
2个回答

如果你使用 ES6（或类似 Babel/browserify），你可以这样写：

iconMap : { 
    [KEYS.PHONE_TYPE] : 'icon-phone', 
    [KEYS.AGENT_TYPE] : 'icon-headphones'
};

您必须使用括号表示法单独添加这些属性：

var myAppConfig = {
    ...
    iconMap : { }
    ...
};

myAppConfig.iconMap[ KEYS.PHONE_TYPE ] = 'icon-phone';
myAppConfig.iconMap[ KEYS.AGENT_TYPE ] = 'icon-headphones';
谢谢。我仍然感到惊讶的是，javascript 没有内置支持使用动态键名初始化对象。Python可以为字典做这个，非常方便。我想这是因为引号在 javascript 属性中是可选的。
2021-03-30 20:53:26
我猜 JS 通过允许不带引号的属性名称放弃了这种可能性，Python 通过要求带引号的属性名称来避免这种情况。
2021-04-01 20:53:26
其它你可能感兴趣的问题
上一篇为什么字符串与数字的比较在 Javascript 中有效 下一篇jQuery document.createElement 等效吗？