Introducción a los objetos literales en Javascript

Los objetos en Javascript son una parte esencial de su ecosistema. Son, en esencia, información estructurada que todas las páginas web usan para mostrarte datos en infinidad de formatos. Tu lista de notificaciones, los datos de esas zapatillas que estuviste viendo en aquella tienda online o tu lista de vídeos favoritos se resuelven, todos ellos, a través de objetos.

Estas informaciones estructuradas a las que llamamos objetos no son más que variables a las que asignamos, entre llaves, una colección de propiedades (características del objeto) y/o métodos (capacidades del objeto, acciones que puede realizar), aunque como veremos en este artículo tanto unos como otros son las denominadas claves del objeto.

Tal es la importancia de los objetos en Javascript, que casi la totalidad de su núcleo se compone de ellos. Podemos atender a dos tipos de objetos: los que están definidos de forma estándar (como el objeto window, el document o los objetos de fecha) y los personalizados. Estos últimos los podemos crear y diseñar libremente, determinando así tanto su nombre como sus propiedades y sus métodos.

Estos objetos son los denominados objetos de notación literal, más conocidos como objetos literales. Este nombre se debe a que los valores de cada propiedad o método son indicados de forma, valga la redundancia, literal. Comprender de forma sólida cómo trabajar con estos objetos es imprescindible para adentrarte en el paradigma de la Programación Orientada a Objetos, una parte tan esencial como divertida en nuestro lenguaje.

¡Vamos allá!

Declaración de un objeto literal

Declarar un objeto literal supone crearlo, normalmente, sobre una variable. La estructura de un objeto literal está limitada por llaves, donde se encapsulan las claves asignándoles un valor literal, en un formato clave : valor

Veamos un ejemplo de un objeto almacenado en la constante person, con una clave name de valor Laura:

const person = { 
    name: `Laura`
}

Los valores que asociamos a cada clave pueden ser datos de cualquier tipo: strings (es decir, textos como Laura en el anterior ejemplo), booleanos, numéricos, otros objetos… Es según el valor que le asociemos a cada clave, que denominamos a esa clave propiedad (cuando le asociamos como valor cualquier tipo de dato, excepto una función) o método (cuando asociamos como valor una función). 

Veamos el mismo ejemplo de antes, dotándolo ahora de un método:

const person = { 
    name: `Laura`,
    shout: function() {
        console.log(`¡Laura está gritando!`)
    }
}

Este objeto tiene por tanto dos claves: name y shout. Los valores asociados a cada una de ellas nos permiten reconocerlas como una propiedad (name) y un método (shout). ¡Sencillo!

Pero, ¿cómo podemos extraer los datos contenidos en un objeto para usarlos más adelante? Pues bien, accedámoslo.

¿Te está gustando este artículo? ¡Sigue aprendiendo sobre Desarrollo Web!

Da el primer paso hacía la tecnología e infórmate sobre nuestro bootcamp de Desarrollo Web

Únete a Ironhack

¿Listo para unirte?

Más de 8.000 ironhackers han reorientado su carrera en tecnología con los bootcamps de Ironhack. ¡Fórmate para el futuro y únete a la revolución digital!

Cursos

¿Qué te gustaría aprender?

Campus

¿Dónde te gustaría estudiar?

Artículos de blog sobre Desarrollo Web

5 características de un programador impresionante

Sigue leyendo...

¿Cómo trabajan los desarrolladores web con los analistas de datos?

Sigue leyendo...
Ironhack Diseñador UX

¿Cómo trabajan los desarrolladores web con los diseñadores UX?

Sigue leyendo...

¿Cómo priorizan los desarrolladores web su trabajo?

Sigue leyendo...

15 cosas que solo los programadores entenderán

Sigue leyendo...

Cómo superar el síndrome de impostor como desarrollador junior

Sigue leyendo...
¿Quieres recibir todo esto directamente en tu correo? ¡Suscríbete ahora!
Por favor, escribe tu nombre
Por favor escribe tu apellido
El correo electrónico no es válido. Por favor, inténtalo de nuevo

Al completar el formulario acepto la Política de Privacidad y las condiciones legales