Objetos, JSON y clases

Agrupar datos con nombre (propiedades), convertirlos a JSON y crear muchos objetos iguales con clases.

{ clave: valor }: Un conjunto de propiedades con nombre.

obj.prop · obj["prop"]: Con punto (obj.titulo) o con corchetes (obj["titulo"], necesario si el nombre está en una variable).

const { a, b } = objeto: Saca propiedades de un objeto a variables con el mismo nombre.

JSON.stringify(): Convierte un objeto o un array en texto JSON.

  • Agrupar datos con nombre (propiedades), convertirlos a JSON y crear muchos objetos iguales con clases.
  • Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.
  • Esencial. Un conjunto de propiedades con nombre. Los valores pueden ser de cualquier tipo, incluidos arrays, otros objetos y funciones.
  • Esencial. Con punto (obj.titulo) o con corchetes (obj["titulo"], necesario si el nombre está en una variable). Se pueden añadir propiedades nuevas.
  • Un método es una función guardada en un objeto. Dentro, this es el propio objeto.

Introducción

Agrupar datos con nombre (propiedades), convertirlos a JSON y crear muchos objetos iguales con clases.

Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.

{ clave: valor }

Esencial. Un conjunto de propiedades con nombre. Los valores pueden ser de cualquier tipo, incluidos arrays, otros objetos y funciones.

obj.prop · obj["prop"]

Esencial. Con punto (obj.titulo) o con corchetes (obj["titulo"], necesario si el nombre está en una variable). Se pueden añadir propiedades nuevas.

Métodos y this

Un método es una función guardada en un objeto. Dentro, this es el propio objeto.

Object.keys() · values() · entries()

Devuelven en un array las claves, los valores o los pares [clave, valor] de un objeto.

const { a, b } = objeto

Esencial. Saca propiedades de un objeto a variables con el mismo nombre. Muy usado en los parámetros de las funciones.

{ ...obj }

Con ... se copia un objeto o se combinan varios; las propiedades de la derecha ganan.

JSON.stringify()

Esencial. Convierte un objeto o un array en texto JSON: para guardarlo (localStorage) o enviarlo a un servidor.

JSON.parse()

Esencial. Convierte un texto JSON en objeto o array. Si el texto no es JSON válido, da error.

class

Esencial. Un molde para crear muchos objetos con las mismas propiedades y métodos. constructor prepara cada objeto nuevo y new lo crea.

extends

Una clase que hereda de otra: tiene todo lo suyo y puede añadir o cambiar cosas. super llama a la clase de la que hereda.

Map y Set

Set guarda valores sin repetir; Map, pares clave → valor con cualquier tipo de clave.

Referencia de JavaScript
08

Objetos, JSON y clases

Agrupar datos con nombre (propiedades), convertirlos a JSON y crear muchos objetos iguales con clases.

Código del tema: const proyecto = {

📘 Teoría

Introducción

Agrupar datos con nombre (propiedades), convertirlos a JSON y crear muchos objetos iguales con clases.

Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.

{ clave: valor }

Esencial. Un conjunto de propiedades con nombre. Los valores pueden ser de cualquier tipo, incluidos arrays, otros objetos y funciones.

obj.prop · obj["prop"]

Esencial. Con punto (obj.titulo) o con corchetes (obj["titulo"], necesario si el nombre está en una variable). Se pueden añadir propiedades nuevas.

Métodos y this

Un método es una función guardada en un objeto. Dentro, this es el propio objeto.

Object.keys() · values() · entries()

Devuelven en un array las claves, los valores o los pares [clave, valor] de un objeto.

const { a, b } = objeto

Esencial. Saca propiedades de un objeto a variables con el mismo nombre. Muy usado en los parámetros de las funciones.

{ ...obj }

Con ... se copia un objeto o se combinan varios; las propiedades de la derecha ganan.

JSON.stringify()

Esencial. Convierte un objeto o un array en texto JSON: para guardarlo (localStorage) o enviarlo a un servidor.

JSON.parse()

Esencial. Convierte un texto JSON en objeto o array. Si el texto no es JSON válido, da error.

class

Esencial. Un molde para crear muchos objetos con las mismas propiedades y métodos. constructor prepara cada objeto nuevo y new lo crea.

extends

Una clase que hereda de otra: tiene todo lo suyo y puede añadir o cambiar cosas. super llama a la clase de la que hereda.

Map y Set

Set guarda valores sin repetir; Map, pares clave → valor con cualquier tipo de clave.

🕹️ Practica

Referencia interactiva Ejemplos editables: Objetos, JSON y clases Abrir en pantalla completa

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com