Objetos en JavaScript: propiedades y métodos

Contenido del curso

Introducción a JavaScript

Estructuras de Control y Lógica

Funciones y This

Manipulación de Arrays

Programación Orientada a Objetos

Asincronía en JavaScript

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:006:48

Objetos en JavaScript: propiedades y métodos

Curso de Fundamentos de JavaScript

Clase 35 de 55

Clase 35 / 55

Recursos

Si alguna vez te preguntaste cómo llevar algo del mundo real, como una persona o un carro, hacia tu código, los objetos en JavaScript son la respuesta. Esta guía te muestra qué son, cómo se estructuran con propiedades, valores y métodos, y por qué son la base de la programación orientada a objetos.

¿Qué es un objeto en JavaScript?

Un objeto es una estructura de datos que guarda información en pares de tipo key-value, es decir, una propiedad y su valor. Piénsalo como una caja con etiquetas: cada etiqueta (propiedad) apunta a un dato concreto (valor).

La estructura básica luce así: defines un nombre, abres llaves y dentro colocas la propiedad, dos puntos y el valor. Si quieres agregar otra propiedad, separas con coma y repites el patrón.

¿Qué es un objeto en programación? Es una estructura de datos que agrupa propiedades (información) y métodos (acciones) bajo un mismo nombre, permitiendo representar entidades del mundo real en código.

¿Cómo se escribe la sintaxis de un objeto?

La forma generalizada sigue tres reglas simples:

Un nombre o identificador para el objeto.
Llaves que delimitan su contenido.
Pares de propiedad y valor separados por dos puntos, y entre sí por comas.

Respetar el tipo de dato es clave. Un número va sin comillas, mientras que un string siempre va entre comillas. Esa diferencia evita errores al leer la información después.

¿Cómo abstraer la realidad con objetos?

Aquí viene lo interesante. La programación orientada a objetos parte de una idea: tomar cosas reales y traducirlas a código. Una persona, un carro, una cuenta bancaria. Todo puede convertirse en un objeto si identificas qué lo describe y qué puede hacer.

Veamos cómo construir una persona en JavaScript paso a paso.

¿Cómo crear un objeto persona en JavaScript?

Primero declaras una constante con el nombre Persona. Luego le agregas las propiedades que la describen: nombre, edad y dirección. Cada una refleja un atributo real.

javascript const persona = { nombre: "John", edad: 30, direccion: { calle: "Avenida Insurgentes 187", ciudad: "Ciudad de México" }, saludar: function() { console.log("Hola, mi nombre es " + persona.nombre); } };

Fíjate en la propiedad direccion. No es un valor simple, es otro objeto anidado con sus propias propiedades. Esta capacidad de anidar objetos dentro de objetos te permite modelar estructuras más complejas sin perder claridad.

¿Qué son los métodos en un objeto?

Los métodos son funciones que viven dentro de un objeto y generan interacción. Mientras las propiedades guardan información, los métodos describen lo que el objeto puede hacer.

En el ejemplo, saludar es un método. Cuando lo ejecutas, accede a la propiedad nombre usando la notación persona.nombre y devuelve un mensaje. Esa es la diferencia clave entre datos y comportamiento dentro de un mismo objeto.

¿Cuál es la diferencia entre propiedad y método? Una propiedad almacena un valor (texto, número, otro objeto). Un método es una función que ejecuta una acción y suele usar las propiedades del propio objeto.

¿Por qué los objetos son la base de la POO?

La programación orientada a objetos, o POO, es un paradigma que organiza el código alrededor de entidades. En lugar de pensar en pasos sueltos, piensas en cosas con características y comportamientos.

Cuando creas un objeto persona con su nombre, edad, dirección y la acción de saludar, estás aplicando abstracción: tomas algo de la realidad y conservas solo lo que importa para tu programa. Ese es el punto de partida de toda la POO.

¿Qué relación tienen los objetos con JSON?

La estructura de propiedad y valor que viste aquí es prácticamente idéntica a la de JSON (JavaScript Object Notation), un formato muy usado para intercambiar datos entre sistemas. Si entiendes objetos en JavaScript, ya tienes medio camino recorrido para leer y escribir JSON.

La diferencia principal es que JSON exige comillas en las propiedades y no admite métodos, solo datos. Pero la lógica de organización es la misma.

¿Cómo modelarías tú un carro como objeto? Comparte en los comentarios qué propiedades y métodos le pondrías.

Andrés Soret Chacin

Hace 2 años

Introducción a Objetos en Programación

Los objetos son una estructura de datos fundamental en programación, que permiten almacenar información de manera organizada y accesible.
JSON (JavaScript Object Notation) es un formato comúnmente utilizado para representar objetos en programación.

¿Qué son los objetos y cómo se estructuran?

Un objeto es una estructura de datos que almacena valores en pares clave-valor (key-value).
Cada objeto tiene un nombre y contiene propiedades (claves) y sus respectivos valores.
La sintaxis básica de un objeto en JavaScript incluye el nombre del objeto, seguido de corchetes {} donde se definen las propiedades y valores.

Ejemplo de un objeto en JavaScript

Un objeto típico podría representar una entidad del mundo real, como una persona.
Por ejemplo:const persona = { nombre: "John", edad: 30, direccion: { calle: "Avenida Insurgentes", numero: 187, ciudad: "Ciudad de México" } };
En este ejemplo, el objeto persona tiene propiedades como nombre, edad, y direccion, donde direccion es a su vez otro objeto con sus propias propiedades.

Métodos en objetos

Además de propiedades, los objetos pueden contener métodos, que son funciones asociadas al objeto.
Los métodos permiten que el objeto realice acciones. Por ejemplo, un método saludar dentro del objeto persona:const persona = { nombre: "John", edad: 30, direccion: { calle: "Avenida Insurgentes", numero: 187, ciudad: "Ciudad de México" }, saludar: function() { console.log("Hola, mi nombre es " + this.nombre); } };
Al llamar persona.saludar(), la salida será "Hola, mi nombre es John".

Importancia de los objetos en la Programación Orientada a Objetos (POO)

Los objetos son la base de la Programación Orientada a Objetos (POO), que se centra en la abstracción de entidades del mundo real en la programación.
POO facilita la creación de estructuras complejas y reutilizables mediante el uso de objetos y sus interacciones.

Próximos pasos

Practicar la creación y uso de objetos en tus proyectos de programación.
Experimentar con propiedades y métodos para entender mejor su funcionalidad.
Continuar aprendiendo sobre POO y cómo aplicar estos conceptos en proyectos más grandes y complejos.

Comentarios (19)19 comentarios

Julio Cardenas

Jafeth Jesús Sánchez Sánchez

Andres Contreras

Luis David Puente Rodriguez

Diego Andrés Lopez Rodriguez

Pablo Luna Guzmán

Daniel stevens Celorio sanabria

Carla Mora Martínez

Team Platzi

Adrián Felipe Bejarano Castaño

Hace 9 meses

Fernando Emilio Díaz López

Hace un año

Daniel Vergel

Hace 3 meses

Johan Sebastian

Miguel Fernando Chanduvi Varas

Kyb3r Cipher

Jhony Alex Huamanchumo Bances

Ana Velez Ossa

Juliana Rios

Calvin Rafael Bobadilla Fernandez

Introducción a JavaScript

Fundamentos de JavaScript para Principiantes

Instalación y Configuración de JavaScript en Visual Studio Code

Instalación y configuración de Visual Studio Code y Node.js en Windows

Variables y Buenas Prácticas en JavaScript

Tipos de datos primitivos y complejos en JS

Manipulación de Strings en JavaScript: Escritura, Concatenación y Substrings

Números y Operaciones Matemáticas en JavaScript

Conversión de Tipos en JavaScript: Implícita y Explícita

Conversión de Tipos en JavaScript: Explícita e Implícita

Estructuras de Control y Lógica

Operadores de Comparación en JavaScript: Igualdad y Desigualdad

Operadores Lógicos en Programación: AND, OR y NOT

Estructuras Condicionales: Uso de IF, ELSE y ELSE IF en JavaScript

Juego de Adivinanza: Programación con Estructuras Condicionales

Cómo funciona switch en JavaScript

Ciclo For: Iteración de Listas y Uso de Console.log en JavaScript

Cómo usar for of con arrays en JavaScript

Iteración sobre Objetos con forIn en JavaScript

Uso del ciclo while para iteración en programación

Ciclos doWhile: Estructura y Diferencias con While

Funciones y This

Funciones en JavaScript: Cómo Calcular Precios con Descuentos

Diferencias entre Funciones y Métodos en JavaScript

Funciones Puras e Impuras en Programación: Conceptos y Ejemplos

Arrow functions y lexical binding en JS

Scope chain y contextos en JavaScript

Closures y Ámbito Léxico en JavaScript

Fundamentos del Desarrollo Web: Frontend y Backend

Manipulación de Arrays

Arrays: Propiedades, Acceso y Creación en Programación

Mutabilidad e inmutabilidad en arrays JS

Mutabilidad en arrays con push y pop

Métodos map y forEach en JavaScript: Uso y Ejemplos Prácticos

Métodos Filter y Reduce en JavaScript: Uso y Ejemplos Prácticos

Métodos find y findIndex en JavaScript: Uso y ejemplos prácticos

Uso del método slice para extraer porciones de un array en JavaScript

Uso del Spread Operator en JavaScript: Copia, Combinación y Más

Programación Orientada a Objetos

Objetos en JavaScript: propiedades y métodos

Creación y Manipulación de Objetos en JavaScript

Función constructora y gestión de instancias en JavaScript

Clases en JavaScript con sintaxis moderna

Herencia y prototipos en JavaScript

Prototipos y Herencia en JavaScript: Construcción y Uso Práctico

Métodos y herencia prototípica en JavaScript

Uso de "this" en Clases y Funciones Constructoras

Validación de Usuarios en una Red Social: Algoritmo Básico

Cómo el return false dentro del for rompe tu login

Asincronía en JavaScript

Programación Síncrona y Asíncrona en JavaScript

Promesas en JavaScript: estados y métodos

Uso de Async/Await para Promesas Asíncronas en JavaScript

Peticiones asíncronas con for await en JavaScript

Fundamentos de HTTP: Cliente-Servidor y Métodos de Petición

Peticiones HTTP en Frontend: Uso de Fetch y Análisis en Network

Función reutilizable para peticiones fetch

Enviar un POST con Fetch API y formularios

Cómo borrar posts con fetch y delegation pattern

Manejo de IDs en JavaScript para eliminar artículos del DOM

Actualizaciones y Nuevas Funciones en JavaScript

Objetos en JavaScript: propiedades y métodos