Crear un objeto con nombres de propiedades dinámicas [duplicate]

⏰ 2 minutos de lectura

azulRápido

Estoy tratando de hacer esto:

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

Pero está fallando, con un mensaje: Expected ':' and instead saw '.'.

¿Cómo puedo inicializar un objeto utilizando nombres clave indirectos (no literales)?

Para ser claro, el resultado que quiero es:

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

y ¿Usar una cadena concatenada (dinámica) como clave de objeto de JavaScript?

– Félix Kling

24 de julio de 2013 a las 11:27
y ¿Objeto dinámico literal en javascript?

– Félix Kling

24 de julio de 2013 a las 11:28
y ¿Es posible agregar propiedades con nombres dinámicos al objeto de JavaScript?

– Félix Kling

24 de julio de 2013 a las 11:28
¡Supongo que entiendo tu punto! 🙂 Pero te aseguro que lo busqué antes!

– azul rápido

24 de julio de 2013 a las 11:34

Si está utilizando ES6 (o algo como Babel/browserify), puede escribirlo así:

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

Tendría que agregar esas propiedades por separado usando la notación de corchetes:

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

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

Gracias. Todavía me sorprende que javascript no tenga soporte incorporado para la inicialización de un objeto con nombres clave dinámicos. Python puede hacer esto para diccionarios, y es muy conveniente. Supongo que esto se debe al hecho de que las comillas son opcionales en las propiedades de JavaScript.

– azul rápido

24 de julio de 2013 a las 11:31
Supongo que JS abandonó esa posibilidad al permitir nombres de atributos sin comillas, Python evita esto al requerir nombres de atributos entre comillas.

– Petruza

19 de diciembre de 2014 a las 20:14

¿Ha sido útil esta solución?

Tu feedback nos ayuda a saber si la solución es correcta y está funcionando. De esta manera podemos revisar y corregir el contenido.

#javascript