El objeto en JavaScript - auladigital2.com

Uno de los elementos clave en JavaScript es el objeto, ya que prácticamente todo en este lenguaje —desde arrays hasta funciones— puede tratarse como tal. No obstante, su funcionamiento presenta algunas diferencias con respecto a otros lenguajes de programación, así que comenzaremos con una introducción sencilla antes de abordar conceptos más avanzados.

¿Qué es un objeto?

En JavaScript, un objeto es una estructura que permite almacenar múltiples valores bajo una sola entidad, organizados mediante pares clave-valor. A diferencia de una variable común, un objeto puede contener varias propiedades relacionadas entre sí.

Aunque es posible crear objetos con new Object(), se recomienda utilizar la notación literal con llaves {}, ya que es más concisa y legible:

jsCopiarEditarconst objeto = {}; // Objeto vacío

Veamos un ejemplo más representativo, donde definimos un objeto llamado player con algunas propiedades:

jsCopiarEditarconst player = {
  name: "Manz",
  life: 99,
  power: 10
};

Las propiedades son como variables internas del objeto, accesibles de forma estructurada y clara.

Acceder a propiedades

Hay dos maneras principales de acceder a los valores de un objeto:

jsCopiarEditar// Notación con punto
console.log(player.name);  // "Manz"

// Notación con corchetes
console.log(player["life"]); // 99

La notación con punto es la más común y recomendada. Sin embargo, si el nombre de la propiedad contiene espacios o caracteres especiales, deberás usar corchetes:

jsCopiarEditarconst personaje = {
  "nombre completo": "Ada Lovelace"
};

console.log(personaje["nombre completo"]); // "Ada Lovelace"

Agregar propiedades

Una de las ventajas de los objetos es que puedes añadir nuevas propiedades incluso después de haberlos declarado:

jsCopiarEditarconst player = {};
player.name = "Manz";
player["life"] = 99;

Esto hace de los objetos una herramienta útil para organizar datos dinámicamente, sin necesidad de declarar todas las propiedades desde el inicio.

Métodos en objetos

Si asignamos una función como valor de una propiedad, obtenemos lo que se conoce como método del objeto:

jsCopiarEditarconst user = {
  name: "Manz",
  greet: function () {
    return "Hola";
  }
};

user.name;     // "Manz"
user.greet();  // "Hola"

Más adelante, al hablar de clases y programación orientada a objetos, veremos cómo este concepto se formaliza aún más.

Método `.toString()`

Todos los objetos en JavaScript heredan de Object, lo que les otorga ciertos métodos por defecto. Uno de los más conocidos es .toString(), que convierte cualquier objeto en una cadena representativa:

jsCopiarEditarconst objeto = {};
console.log(objeto.toString()); // "[object Object]"

Este método también está disponible en otros tipos de datos:

jsCopiarEditarconst numero = 42;
console.log(numero.toString()); // "42"

Sobrescribiendo `.toString()`

Puedes personalizar la salida textual de tu objeto sobrescribiendo el método .toString():

jsCopiarEditarconst player = {
  name: "Manz",
  life: 4,
  totalLife: 6,
  toString() {
    return `${this.name} (${this.life}/${this.totalLife})`;
  }
};

console.log("Jugador: " + player); // "Jugador: Manz (4/6)"

Cuando se intenta concatenar un objeto con una cadena, el motor de JavaScript llamará automáticamente al método .toString() del objeto para obtener una versión textual.

En resumen, los objetos en JavaScript son una herramienta versátil para almacenar y organizar datos complejos. Gracias a su estructura flexible y a su capacidad para contener tanto valores como funciones, son fundamentales en la mayoría de aplicaciones desarrolladas con este lenguaje.