DEV Community 👩‍💻👨‍💻

Cristian Fernando
Cristian Fernando

Posted on • Updated on

Paracetamol.js💊| #183: Explica este código JavaScript

Explica este código JavaScript

Dificultad: Básico

const obj = {
  ["HELLO".toLowerCase()]: "hola mundo",
  ['----prop'.slice(4)]: "hi",
}

console.log(obj?.hello)
console.log(obj.prop)
Enter fullscreen mode Exit fullscreen mode

A. null, hi
B. undefined, hi
C. hola mundo, hi
D. hola mundo, undefined

Respuesta en el primer comentario.


Top comments (1)

Collapse
 
duxtech profile image
Cristian Fernando Author

Respuesta:
C. hola mundo, hi

Los objetos literales de javascript soportan propiedades dinámicas usando la sintaxis de corchetes.

En palabras simples, lo que este entre corchetes se evaluara como expresión, en el ejemplo:

  • "HELLO".toLowerCase() evalua a hello, entonces es posible hacer obj?.hello.
  • '----prop'.slice(4) evalua a prop, entonces también es posible hacer obj.prop.

🤯

"I made 10x faster JSON.stringify() functions, even type safe"

☝️ Must read for JS devs