Creación y Manipulación de Objetos en JavaScript

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:009:05

Creación y Manipulación de Objetos en JavaScript

Curso de Fundamentos de JavaScript

Clase 36 de 55

Clase 36 / 55

Recursos

¿Qué son los objetos en programación?

Los objetos en programación son estructuras de datos que permiten almacenar información de una manera organizada. Funcionan con una estructura de clave-valor, donde cada clave (key) se asocia a un valor (value), lo que nos ayuda a mantener una colección de datos relacionados de forma coherente.

Los objetos no solo almacenan datos, también pueden contener métodos que son acciones ejecutables por el propio objeto. Esta capacidad para almacenar tanto datos como comportamientos hace que los objetos sean herramientas versátiles y poderosas en muchos lenguajes de programación.

¿Cómo crear un objeto en JavaScript?

Crear un objeto en JavaScript comienza declarando una constante y usando llaves para definir las propiedades y métodos dentro del objeto. Aquí te muestro cómo:

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}`);
  }
};

En este ejemplo, hemos creado un objeto llamado persona con propiedades como nombre, edad y direccion. Además, el método saludar imprime un mensaje utilizando la propiedad nombre.

¿Cómo trabajar con métodos de objetos?

Los métodos en un objeto se crean como funciones dentro del mismo. Estos métodos permiten que el objeto realice acciones usando sus propias propiedades.

Para ejecutar el método saludar del objeto persona, simplemente llamamos:

persona.saludar(); // Imprime: Hola, mi nombre es John

Este código ejecuta la acción definida en el método saludar, mostrando el saludo con el nombre de la persona.

¿Cómo agregar y borrar propiedades y métodos?

Agregar propiedades y métodos

Agregar nuevas propiedades o métodos a un objeto existente es sencillo. Solo necesitas utilizar el operador de punto (.) seguido del nombre de la nueva propiedad o método:

persona.telefono = '555-555-5555';

persona.despedir = () => {
  console.log('Adiós');
};

console.log(persona.telefono); // Imprime: 555-555-5555
persona.despedir(); // Imprime: Adiós

Borrar propiedades y métodos

Para eliminar una propiedad o método de un objeto, utiliza la palabra clave delete:

delete persona.telefono;
delete persona.despedir;

Con esto, las propiedades o métodos se eliminan del objeto, y ya no estarán accesibles.

Los objetos son fundamentales en muchos paradigmas de programación, especialmente en paradigmas orientados a objetos. Te permiten crear modelos del mundo real en el código, manejando tanto datos como funcionalidades. Recuerda que como programador, el dominio de los objetos y sus manipulaciones abre la puerta a desarrollar aplicaciones más completas y robustas. ¡Sigue explorando y experimentando para fortalecer tus habilidades!

Marco Rodrigo Polo Silva

Hace 2 años

Trabajando con objetos en JavaScript

Agregar una Propiedad

Agrega una nueva propiedad telefono al objeto persona.

persona.telefono = "555-555-5555";
console.log(persona.telefono); // "555-555-5555"

Agregar un Método

Agrega un método despedir al objeto persona que imprime “Adios”.

Acceder a una Propiedad de un Objeto Anidado

Accede a la propiedad calle del objeto anidado direccion dentro de persona.

Eliminar una Propiedad

Elimina la propiedad telefono del objeto persona.

delete persona.telefono;
console.log(persona.telefono); // undefined

Eliminar un Método

Elimina el método delete persona.despedir;

delete persona.despedir;
console.log(persona.despedir); // undefined

Comentarios (29)29 comentarios

Pablo Luna Guzmán

Sandra Rosa Arroyo Paredes

Cesar Guevara Cabrera

Ruben Alfredo Loera Gonzalez

Santiago Forero

Juan Miguel Jimenez

Hace 10 meses

Isaac Bonilla lopez

Andrés Castillo

Eric Daniel Cavanzo

Diego Iván Cundapí León

Omar Reyes Carrera

Israel Elias Manjarrez Quimiz

Kyb3r Cipher

Juan Bastidas Samaniego

Maria Jose Pacha Chichande

Hace un año

Bryan Castano

Calvin Rafael Bobadilla Fernandez

Daniel stevens Celorio sanabria

Daniel Vergel

Paula Salazar

Yessica Chala

Rodrigo Gonzalez

Antonio José Alvarez Delgado

Hace 9 meses

David Rangel

Jorge López

Starling Germosen

Miguel David Isaac Leiva Cid

Platzi

Jose Rueda

Jonathan Garcia

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

Creación y Manipulación de Objetos en JavaScript