Easier to read with cream paper, a tint, more contrast or larger text? Choose your colours and text, once, for every page.

Vista previa

Objetos en JavaScript

Esta es la primera página de la lección. Léela y prueba las actividades. El resto está en el curso completo.

35 minutos

Tu carné del instituto

Tu carné del instituto tiene tu nombre, tu curso y tu número. Son varios datos, y todos hablan de ti.

Un array guarda cosas del mismo tipo en fila. Pero para guardar los datos de una cosa necesitas otra herramienta.

Esa herramienta es el objeto.

Palabras clave

PalabraQué significaEjemplo
ObjetoUn grupo de datos con nombre que hablan de una misma cosa. Va entre llaves.{ name: "Marta", age: 16 }
PropiedadCada dato del objeto. Tiene un nombre y un valor.age: 16
Nombre de propiedadLa palabra que identifica a un dato dentro del objeto.age
ValorEl dato que guarda una propiedad.16
PuntoEl signo que se usa para leer una propiedad.student.age
Lista de objetosUn array donde cada elemento es un objeto.[{ ... }, { ... }]

Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.

Crear un objeto

Un objeto se escribe entre llaves. Cada propiedad es un nombre, dos puntos y un valor. Se separan con comas.

Para leer una propiedad, escribes el nombre del objeto, un punto y el nombre de la propiedad.

Pruébalo: la ficha de una alumna

Código: node
const student = {
  fullName: 'Marta Ruiz',
  course: 2,
  hasBus: true,
};

console.log(student.fullName);
console.log(student.course);
console.log(student.hasBus);

// Escribe el curso en una frase.

Cambiar y añadir propiedades

Para cambiar un valor lo vuelves a escribir: student.course = 3;.

Para añadir una propiedad nueva usas el mismo truco: student.city = 'Sevilla';.

Con const no puedes cambiar el objeto por otro, pero sí puedes cambiar sus propiedades.

Pruébalo: subir de curso

Código: node
const student = { fullName: 'Marta Ruiz', course: 2 };

student.course = student.course + 1;
student.city = 'Sevilla';

console.log(student);

Se parece a JSON

Nota

En la lección Qué es JSON viste datos con la misma forma. La diferencia: en JSON los nombres llevan comillas dobles. En JavaScript no hace falta. Más adelante, en la lección sobre JSON en JavaScript, verás cómo pasar de uno al otro.

Repaso rápido: objetos

Inténtalo

Repaso rápido: objetos

3 preguntas
Pruébalo: tus respuestas se corrigen aquí y después se olvidan. Inicia sesión si quieres que se guarde tu puntuación y continuar donde lo dejaste.Iniciar sesión para guardar tu puntuación

Tus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.

Una lista de objetos

Lo más habitual es juntar muchos objetos en un array. Cada objeto es una fila: un equipo, una canción, un alumno.

Para leer un dato, primero eliges el objeto por su posición y luego la propiedad: songs[1].title.

La lección continúa

8 partes más de esta lección están en el curso completo, con los ejercicios y la comprobación final. Una cuenta te da todo.