3

Estoy intentando acceder a una propiedad de un objeto utilizando un nombre dinámico, ¿Es esto posible?

const algo = { bar: "Foobar!" };
const foo = 'bar';
algo.foo;

La idea es acceder a algo.bar, obteniendo "Foobar!"

2
  • 1
    En vez de punto, usa [ ] tal que algo[foo]. Estoy mirando, creo que esto ya deberia estar resuelto en una pregunta del sitio. Un saludo
    – lois6b
    Commented el 27 dic. 2018 a las 11:40
  • Te adjunto algunas preguntas relacionadas para que te orientes con lo que dice lois6b, aquí y aquí Commented el 27 dic. 2018 a las 11:56

2 respuestas 2

9

En Javascript puedes crear y acceder a atributos usando dos tipos de notaciones:

Notación punto

<identificador del objeto> . <nombre del atributo>

Es la más común:

let objeto= {
  atributo1: 'hola'
}

console.log(objeto.atributo1);

Tiene dos limitaciones:

  1. Requiere saber el nombre del atributo durante la codificación (no permite el uso de atributos dinámicos.
  2. Ha de seguir la notación de identificadores de Javascript, por lo que no puedes acceder a un atributo cuyo nombre sea hola mundo.

Para resolver estos dos problemas tienes la ...

Notación con corchetes:

<identificador del objeto> [ <nombre del atributo como texto> ]

Al usar un string entre corchetes el nombre del atributo puede ser guardado en una variable o ser generado sobre la marcha (aquí tienes un ejemplo para encontrar atributos cuando no sabemos cuántos hay).

let objeto={confuso: () => console.log('Esto es una función')};
let mundo=1;
let atributos=[1,'hola-mundo', 'con espacios','confuso()','hola'];

atributos.forEach((attr,index) => {
  objeto[attr]=index*2;
});


console.log(objeto);

console.log(objeto['hola-mundo']);

//objeto.hola-mundo sería interpretado como una resta!
console.log(objeto.hola-mundo);

//objeto.confuso() llama al método confuso, no al atributo "confuso()"
objeto.confuso(); //
console.log(objeto[atributos[4]]);

No tiene limitaciones pero cuando usamos un IDE tiene la desventaja de que es más complicado para el analizador semántico saber si estamos cometiendo una errata al escribir el nombre del atributo, lo que es especialmente útil si usamos .

2

En el caso de tu ejemplo podrías probar esto:

const algo = { bar: "Foobar!" };
const foo = 'bar';
algo.foo;

console.log(algo[foo])

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.