Objetos literales en JavaScript

Autor: | Última modificación: 20 de julio de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

Los objetos en JavaScript son elementos que, como los objetos en la vida real, tienen una serie de características o propiedades que los definen. Dentro de esta categoría de objeto están prácticamente todos los elementos de JavaScript, sin embargo, existe una instancia de la clase Object que se crea con una sintaxis especial. Esta instancia se conoce como objetos literales en JavaScript y, en este post, te explicamos exactamente qué son y cómo se escriben.

¿Qué son los objetos literales en JavaScript?

Ya hemos aprendido en nuestro post sobre los objetos en JavaScript que prácticamente todos los elementos en este lenguaje de programación son un objeto, pues se comportan como tal. Con esto nos referimos a que todo elemento tiene propiedades y métodos ocultos que lo hacen pertenecer a la categoría de objeto.

Sin embargo, los objetos literales en JavaScript son objetos particulares, porque declaran sus propiedades de manera explícita. Aunque todos los objetos tienen una serie de propiedades, como lo son su largo y su índice, los objetos literales agrupan información de la propiedad de manera textual.

Si tienes alguna experiencia en programación, pensar en los objetos literales como los «diccionarios» de JavaScript es muy útil. También son muy similares a los arrays con clave y valor que podemos montar en el lenguaje de programación PHP.

Existen dos maneras de escribir objetos literales en JavaScript, conocidos también como iniciadores de objeto. A continuación, te presentamos cada una de estas y te explicamos por qué elegir una manera frente a otra.

¿Cómo se escriben los objetos literales en JavaScript?

Objectos literales introducidos por llaves

Una manera corta, rápida y eficiente de crear los objetos literales en JavaScript es usando el símbolo de las llaves { } para asignar valores a una variable. Puede que hayas visto este símbolo en muchos de nuestros artículos sobre JavaScript y en miles de líneas de código, pues es muy común. Estas llaves nos permiten insertar propiedades y funciones a la variable por medio de la secuencia clave – valor.

A continuación, te ponemos un ejemplo de este tipo de escritura:

const goat = {

name: ‘Michael Jordan’,

team: ‘Chicago Bulls’,

number: 23,

shoot: function ( ) {

return 3

}

}

Como puedes ver en el ejemplo anterior, las llaves nos permiten asignar las propiedades name, team y number con sus respectivos valores, sea string o number. Estas propiedades deben estar separadas por una coma.

La función shoot también se define con la secuencia clave-valor. Esta función quiere decir que, si escribimos el comando goat.shoot ( ), el programa nos devolverá el valor 3 como respuesta. Si tienes dudas de por qué sucede esto, te recomendamos leer nuestro post sobre cómo acceder a las propiedades de los objetos en JavaScript.

Objetos literales asignados a Object

Existe otra manera de escribir objetos literales en JavaScript. Esta manera requiere que declaremos un nuevo elemento de la clase Object y le asignemos distintas propiedades con la plantilla variable.propiedad = valor.

A continuación, te demostramos cómo se escribe lo mismo que en el ejemplo anterior con esta forma de escritura:

const goat = new Object

goat.name = ‘Michael Jordan’;

goat.team = ‘Chicago Bulls’;

goat.number = 23;

goat.shoot = function ( ) {

return 3;

}

Notarás que, en el anterior ejemplo, no abrimos el objeto literal con las llaves, sino con la asignación como elemento de la clase Object.

Hoy en día, es mucho más común ver la creación de objetos literales en JavaScript con el uso de llaves. Esto sucede no solo porque la asignación a la clase Object toma más caracteres y es más compleja, sino también porque el método de llaves tiene una serie de ventajas con los nuevos estándares de JavaScript. Por ello, te recomendamos utilizar las llaves cuando empieces a crear tus propios objetos literales en JavaScript.

¿Te animas seguir aprendiendo?

Ahora que sabes qué son los objetos literales en JavaScript y cómo escribirlos, te invitamos a seguir aprendiendo con nosotros sobre los distintos elementos de este lenguaje de programación en nuestro Desarrollo Web Full Stack Bootcamp.

En esa formación, no solo aprenderás a dominar la escritura de JavaScript, sino que también te formarás en profundidad en otros lenguajes de programación y, al cabo de unos pocos meses, serás un experto en desarrollo web. Entonces, ¿te animas a seguir aprendiendo con nosotros? ¡No lo dudes más e inscríbete ya para triunfar en el sector IT!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores de software sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso! 

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!