Objetos

Curso de Javascript Online. Desde cero.

11.  
14.  
19.  
26.  

Un objeto, al igual que un array, nos permite almacenar información de manera estructurada, pero mientras que en un array accedíamos a cada uno de los elementos almacenados mediante un índice numérico, en un array utilizaremos una cadena de texto (las propiedades del objeto).

Definir un objeto

Las propiedades del objeto irán encerradas entre llaves ({}), mientras que en un array iban encerradas entre corchetes ([]). En el ejemplo, nuestro objeto tiene 3 propiedades: nombre, edad y altura. Para asignar valores a estas propiedades usamos los dos puntos (:) en lugar del signo de igual.

const persona = {
   nombre: "Juan",
   edad: 38,
   altura: 185
}

Acceder a las propiedades de un objeto

De manera estática (lo habitual)

console.log(persona.nombre)

De manera dinámica

const nombrePropiedad = 'nombre';
console.log(persona[nombrePropiedad])

Getters y Setters

Los getters y setters nos permiten establecer condiciones de acceso y modificación respectivamente a las propiedades de un objeto.

  • Estableciendo un getter, podremos establecer una transformación en los valores recuperados de un objeto.
  • Estableciendo un un setter, podremos establecer una transoformación del valor asignado a una propiedad.
    const persona = {
        nombre: "Juan",
        edad: 38,
        altura: 185,
        get nombreGenerico() {
            return this.nombre + ' Fernández';
        },
        set edadIncrementada(value) {
            this.edad = value + 10
        }
    }

    persona.edadIncrementada = 20;

    console.log(persona);
/*
altura: 185
edad: 30
nombre: "Juan"
nombreGenerico: "Juan Fernández"
*/

Convertir un objeto en un array

// Obtendremos un array con los valores de cada propiedad
const values= Object.values(obj); 

// Obtendremos un array con los nombres de las propiedades
const keys = Object.keys(obj); 

//Obtendremos un array de arrays con los nombres y valores de cada propiedad
const arrayDeArrays = Object.entries(obj); 

Ejercicios objetos

Hacer los ejercicios de FreeCodeCamp que van desde Build JavaScript Objects hasta Record Collection.

← Javascript map
Funciones especiales →