Objetos

Los programas a menudo necesitan mantener juntas varias piezas de datos relacionados.

Por ejemplo, una mascota puede tener un nombre, un tipo y una edad. En lugar de crear variables separadas para cada detalle, JavaScript te permite agruparlos en un solo objeto.

Qué es un objeto

Un objeto guarda información relacionada en una variable.

En JavaScript, los objetos usan llaves {}.

Cada pieza de información dentro de un objeto tiene un nombre y un valor.

Pares clave-valor

Los datos de un objeto se escriben como pares clave-valor.

• Una clave es el nombre de una pieza de datos, como name o age.
• Un valor es el dato real, como "Bella" o 3.

Los dos puntos : conectan la clave y el valor.

Las comas , separan varios pares clave-valor.

Primer ejemplo de código

Aquí tienes un objeto simple para una mascota.

const pet = {
  name: "Bella",
  type: "dog",
  age: 3
};

console.log(pet);

Explicación del código

Veamos qué ocurre en el código de arriba:

• const pet crea una variable llamada pet.
• Las llaves {} crean un objeto.
• El objeto tiene tres pares clave-valor: name: "Bella", type: "dog" y age: 3.
• Las comas separan los pares clave-valor.
• console.log(pet) envía el objeto completo a la sección de salida después de hacer clic en Ejecutar.

Leer un valor de un objeto

A menudo no necesitas todo el objeto a la vez. Puede que solo quieras un valor específico.

Puedes leer un valor con notación de punto.

Para usar la notación de punto, escribe el nombre del objeto, un punto . y la clave que quieres leer.

const userProfile = {
  username: "coder123",
  level: 5
};

console.log(userProfile.username);

Esto envía "coder123" a la sección de salida porque username es el valor que pedimos.

También puedes ver la notación de corchetes, como userProfile["username"]. Para esta lección, la notación de punto es la opción más simple.

Mini tarea

Mira el bloque de código userProfile de arriba.

Cambia console.log(userProfile.username) para que imprima el level del usuario.

Quiz corto

Pregunta 1: ¿Qué símbolos se usan para crear un objeto?

Respuesta: Llaves {}.

Pregunta 2: ¿Qué signo de puntuación separa varios pares clave-valor?

Respuesta: Una coma ,.

Pequeño desafío

Crea un objeto llamado course que represente esta lección.

Dale una clave title con un valor de texto, como "JavaScript".

Dale una clave duration con un valor numérico, como 4.

Usa la notación de punto dentro de console.log() para imprimir el title del curso.

// escribe tu código abajo

console.log()

Resumen

• Un objeto guarda información relacionada en una variable.
• Los objetos usan llaves {}.
• Los datos de un objeto se escriben como pares clave-valor.
• Una clave es la etiqueta, y un valor es el dato en sí.
• Las comas separan varios pares clave-valor.
• La notación de punto lee un valor de un objeto, como person.name.