Create an object with dynamic property names

Question

I am trying to do this:

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'
    };
    ...
};

But it is failing, with a message: Expected ':' and instead saw '.'.

How can I initialize an object using indirect (non-literal) keynames?

To be clear, the result I want is:

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

and [Use a concatenated (dynamic) string as JavaScript object key?](http://stackoverflow.com/q/9708192/218196) — Felix Kling, Jul 24 '13 at 11:27
and [Dynamic object literal in javascript?](http://stackoverflow.com/q/1998735/218196) — Felix Kling, Jul 24 '13 at 11:28
and [Is it possible to add dynamically named properties to JavaScript object?](http://stackoverflow.com/q/1184123/218196) — Felix Kling, Jul 24 '13 at 11:28
I guess I get your point! :) But I assure you I looked for it before! — blueFast, Jul 24 '13 at 11:34

score 13 · Answer 1 · answered Aug 25 '16 at 14:30

13

If you're using ES6 (or something like Babel/browserify), you can write it like this:

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

answered Aug 25 '16 at 14:30

Dragos Bobolea

772
7
16

score 7 · Answer 2 · answered Jul 24 '13 at 11:25

7

You would have to add those properties separately using bracket notation:

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

myAppConfig.iconMap[ KEYS.PHONE_TYPE ] = 'icon-phone';
myAppConfig.iconMap[ KEYS.AGENT_TYPE ] = 'icon-headphones';

answered Jul 24 '13 at 11:25

Sirko

69,531
19
142
174

1

Thanks. I am still surprised that javascript has no built-in support for initialization of an object with dynamic keynames. Python can do this for dictionaries, and it is very convenient. I guess this comes from the fact that the quotes are optional in javascript properties. – blueFast Jul 24 '13 at 11:31
I guess JS abandoned that possibility by allowing unquoted attribute names, Python avoids this by requiring quoted attribute names. – Petruza Dec 19 '14 at 20:14

Create an object with dynamic property names

2 Answers2

Linked

Related