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 estos objetos en JS.
¿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 de los objetos en JS.
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 para el objeto literal u object literal.
¿Cómo se escriben los objetos literales en JavaScript?
Hay varios formas para escribir un objeto literal u object literal de los objetos en JS, que listaremos a continuación:
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 para crear un objeto JavaScript.
const goat = {
name: ‘Michael Jordan’,
team: ‘Chicago Bulls’,
number: 23,
shoot: function ( ) {
return 3
}
}
Como puedes ver en el ejemplo anterior, las llaves del objeto literal 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 u object literal 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 para crear un objeto JavaScript:
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!
