Tutorial: objetos en JavaScript - crea una tarjeta de presentación

Si un array es una lista, un objeto es una ficha: un conjunto de datos con nombre, como una tarjeta de presentación. Vamos a construir una.

Paso 1: crea tu objeto

const persona = {
  nombre: 'Sofía',
  edad: 28,
  profesion: 'Desarrolladora',
  saludar() {
    return `Hola, soy ${this.nombre}`;
  },
};

Cada clave: valor es una propiedad. saludar es un método: una función que vive dentro del objeto. this.nombre significa "el nombre de este mismo objeto".

Paso 2: accede y modifica propiedades

console.log(persona.nombre); // 'Sofía'

persona.edad = 29; // cumplió años, felicidades

console.log(persona.edad); // 29

Puedes leer y cambiar propiedades con objeto.propiedad. No hace falta pedir permiso, ni firmar nada.

Paso 3: llama a un método

console.log(persona.saludar()); // 'Hola, soy Sofía'

Paso 4: recorre las propiedades del objeto

for (const clave in persona) {
  if (typeof persona[clave] !== 'function') {
    console.log(`${clave}: ${persona[clave]}`);
  }
}

for...in recorre todas las claves del objeto. El if evita imprimir el método saludar como si fuera un dato más (nadie quiere ver el código fuente de una función en su tarjeta de presentación).

¿Qué acabas de aprender?

• Cómo crear un objeto con propiedades y métodos.
• Cómo acceder y modificar propiedades con objeto.propiedad.
• Cómo recorrer las claves de un objeto con for...in.