Objetos en JavaScript

En javascript todo es un objeto, bueno, todo menos los primitivos. Los objetos pueden contener propiedades y métodos. Dichas propiedades no son más que variabes comunes como venimos viendo, solo que éstas en particular están asociadas a un objeto, convirtiéndose en propiedades, características del propio objeto. Los métodos en verdad también son propiedades o variables vinculadas a un objetos, pero se las llama métodos cuando estás representantan una función.

Podemos crear un nuevo objeto con el operador new a partir del Object de javascript

const miObjeto = new Object()

console.log(typeof miObjeto)  // output> object

console.log(typeof miObjeto)  // output> {}

En la línea 1 creamos una nueva instancia del objeto Object y lo asignamos a la variable llamada miObjeto, y en la línea 3 evaluamos su tipo y vemos que nuestra variable es un objeto. En la línea 5 vemos que el valor de miObjeto está vacío.

Otro modo de crear un objeto es directamente con las llaves

const miObjeto = {}

console.log(typeof miObjeto)  // output> object

console.log(typeof miObjeto)  // output> {}

De este modo tenemos los mismos resultados.

Ahora bien, hemos dicho que un objeto puede poseer propiedades. Estas porpiedades podemos asignarlas al inicalizar el ebjeto

const miObjeto = new Object({color: 'rojo'})

console.log(typeof miObjeto)  // output> object

console.log(typeof miObjeto)  // output> {color: 'rojo'}

o del otro modo

const miObjeto = {color: 'rojo'}

console.log(typeof miObjeto)  // output> object

console.log(typeof miObjeto)  // output> {color: 'rojo'}

En ambos ejemplos creamos un objeto llamado miObjeto inicializándolo con la propiedad color cuyo valor es ‘rojo’.

Agregando y quitando propiedades

Una vez declarado un objeto, haya sido inicializado con propiedades o no, podemos agregar o quitarle propiedades del objeto.

Agregar una propiedad

const miObjeto = {color: 'rojo'}

miObjeto.figura = 'triangulo'

console.log(miObjeto)  // output> {color: "rojo", figura: "triangulo"}

En la línea 1 declaramos e inicializamos un objeto con una sola propiedad color, posteriormente en la línea 3 agregamos al objeto una nueva propiedad figura a la cual también le asignamos un valor. Finalmente al imprimirla vemos que hemos agregado la propiedad al objeto.

Eliminar una propiedad

Podemos eliminar una propiedad de un objeto con el operador delete

const miObjeto = {color: 'rojo', figura: 'triangulo'}

delete miObjeto.figura

console.log(miObjeto)  // output> {color: "rojo"}

En la figura 1 creamos un objeto con doos propiedades, ‘color’ y ‘figura’, en la línea 3 con el operador delete eliminamos la propiedad ‘figura’. En la línea 5 evaluamos el valor del objeto y vemos que la propiedad ‘figura’ ha sido eliminada

Ahora bien, en el ejemplo anterior, en la línea 3 estamos accediendo a una propiedad con la notación de punto

Accediendo a las propiedades de un objeto

const miObjeto = {color: 'rojo', figura: 'triangulo'}

console.log(miObjeto.color)  // output> {color: "rojo"}

console.log(miObjeto.figura)  // output> {color: "rojo"}

En la línea 1 creamos un objeto como lo venimos haciendo. En la línea 3 y 5 accedemos a las propiedades con el . e imprimimos su valor.

También podemos acceder a las propiedades de un objeto con la notación de corchetes

const miObjeto = {color: 'rojo', figura: 'triangulo'}

console.log(miObjeto['color'])  // output> {color: "rojo"}

console.log(miObjeto['figura'])  // output> {color: "rojo"}

Vemos que podemos acceder a las propiedades de igual modo que con la notación de punto.

algunos metodos comunes

Object posée varios métodos a continuación veremos algunos de los más comunmente usados, para esto primero crearemos un objeto a partir del cual implementaremos los distintos métodos

const mascota = {
    tipo: 'perro',
    nombre: 'Molotov',
    edad: 1,
    vive: true,
    saludar: (sonido) => {
        console.log(`Hola, ${sonido}!`);
    }
}

Nuestro objeto mascota tiene las propiedades tipo y nombre que son strings, edad es un number, vive boolean y tenemos el método saludar que recibe por argumento el sonido de la mascota en string.

assign

El método assign realiza una copia de las propiedades de uno o mas objetos y se las asigna a un nuevo objeto.

const nuevoObjeto = Object.assign({}, mascota)

console.log(nuevoObjeto)  // output> {tipo: "perro", nombre: "Molotov", edad: 1, vive: true, saludar: ƒ}

Con el método assign de Object recibe dos argumentos, el primero en nuestro caso un objeto vacío que es en el que copiaremos las propiedades del objeto que pasamos por segundo argumento, este método retorna el objeto pasado por primer argumento con las propiedades asignadas

entries

Con el método entries obtenemos un array en donde cada elemento es el par clave-valor de cada propiedad del objeto. Este par es representado también en un array de dos elementos

const entries = Object.entries(mascota)

console.log(entries)  
/* output> (5)
    0: (2) ["tipo", "perro"]
    1: (2) ["nombre", "Molotov"]
    2: (2) ["edad", 1]
    3: (2) ["vive", true]
    4: (2) ["saludar", ƒ]
*/

getOwnPropertyNames

El método getOwnPropertyNames nos devuelve un array con las “claves” de las propiedades

const propiedades = Object.getOwnPropertyNames(mascota)

console.log(propiedades)  // output> ["tipo", "nombre", "edad", "vive", "saludar"]

values

El método values nos devuelve un array con los valores de las propiedades

const values = Object.values(mascota)

console.log(values)  // output> ["perro", "Molotov", 1, true, ƒ]