Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 创建具有动态特性名称的对象_Javascript - Fatal编程技术网

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

Javascript 创建具有动态特性名称的对象,javascript,Javascript,我正在尝试这样做: 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' }; ... }; 但它失败了,出现了

我正在尝试这样做:

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':“并看到了”。

如何使用间接(非文字)键名初始化对象

明确地说,我想要的结果是:

{
    'phone-type' : 'icon-phone',
    'agent-type' : 'icon-headphones'
}

您必须使用括号符号分别添加这些属性:

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

myAppConfig.iconMap[ KEYS.PHONE_TYPE ] = 'icon-phone';
myAppConfig.iconMap[ KEYS.AGENT_TYPE ] = 'icon-headphones';
如果您正在使用ES6(或类似Babel/browserify的东西),您可以这样编写:

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

我想我明白你的意思了!:)但我向你保证我以前找过!谢谢我仍然感到惊讶的是,javascript没有内置的对具有动态键名的对象初始化的支持。Python可以为字典实现这一点,而且非常方便。我猜这是因为引号在javascript属性中是可选的。我猜JS通过允许不带引号的属性名放弃了这种可能性,Python通过要求带引号的属性名来避免这种情况。