100 Días de Javascript - 9 de 100 - Objetos

Los objetos en JS son pares de clave y valores (key-value pairs) almacenados en una variable. En otros lenguajes de programación como Ruby o Python existen con nombres diferentes: hashes y dictionarios, respectivamente.

Este tipo de datos es fundamental para organizar y estructurar datos de manera más compleja que los arrays. Permiten modelar entidades del mundo real, como usuarios, productos, eventos, entre otros, mediante la agrupación de propiedades y métodos relacionados.

En JavaScript, los objetos forman la base de la programación orientada a objetos (OO), permitiendo la creación de clases, herencia y encapsulación.

Declaración de objetos

Los objetos se declaran utilizando llaves {} y definiendo sus pares clave-valor, donde cada clave es única y está asociada a un valor.

let persona = {
  nombre: "Juan",
  edad: 30,
  ocupacion: "Desarrollador",
};

console.log(persona.nombre); // Output: "Juan"
console.log(persona["edad"]); // Output: 30

Las propiedades de un objeto se acceden utilizando la notación de punto objeto.propiedad o la notación de corchetes objeto['propiedad'].

Es posible añadir nuevas propiedades o modificar las existentes en un objeto incluso después de su creación.

persona.email = "juan@example.com"; // Añadiendo una nueva propiedad
persona.edad = 31; // Modificando una propiedad existente

Así como podemos añadir, de igual manera podemos eliminar pares utilizando la clave

delete persona.ocupacion; // Elimina la propiedad 'ocupacion' del objeto persona

Consideraciones importantes al trabajar con objetos

Es importante destacar que se usan {} para agrupar los datos y al final debemos agregar punto y coma. En contraste con las funciones, no es necesario agregar el punto y coma al final. Algo para ayudar a recordar esta sintaxis es que tenemos que poner el punto y coma siempre y cuando las llaves se encuentren después del signo =

let objeto = {};

Para separar los pares key-value se utiliza la coma ,, el uso de punto y coma generaría error de sintaxis. Asimismo, para asignar valores a cada clave se utiliza :

const usoErroneo = {
    llave = "valor";
};

const usoCorrecto = {
    llave: "valor",
    otraLlave: "otroValor"
}