DEV Community

Cristian Fernando
Cristian Fernando

Posted on

Paracetamol.js馃拪| #60: Explica este c贸digo JavaScript

Explica este c贸digo JavaScript

const colorConfig = {
  red: true,
  blue: false,
  green: true,
  black: true,
  yellow: false,
}

const colors = ["pink", "red", "blue"]

console.log(colorConfig.colors[1])
Enter fullscreen mode Exit fullscreen mode
  • A: true
  • B: false
  • C: undefined
  • D: TypeError

Respuesta en el primer comentario.


Discussion (1)

Collapse
duxtech profile image
Cristian Fernando Author

Respuesta:
D: TypeError

En javascript existen 2 maneras de acceder a las propiedades de los objetos, por notaci贸n del punto o por notaci贸n de corchetes.

Cuando hacemos colorConfig.colors[1] literalmente estamos buscando una propiedad colors en el objeto colorConfig y como no existe esta propiedad entonces obtenemos un undefiend, entonces ahora javascript intentar谩 hacer undefined[1] y esto no es un c贸digo valido, por ello la consola muestra un TypeError.

Cuando queremos usar variables para hacer lo que se denomina acceso a propiedades din谩micas de objetos necesitamos usar la notaci贸n de corchetes: colorConfig[colors[1]] que nos devolver谩 true, el valor de la propiedad red del objeto colorConfig.