ETZADEV
Introducción a los Objetos Literales
Compartir

Introducción a los Objetos Literales

JavaScript es un lenguaje de programación versátil que permite la creación de estructuras de datos complejas con facilidad. Una de las formas más comunes y prácticas de manejar datos en JavaScript es mediante el uso de objetos literales. En este artículo, exploraremos qué son los objetos literales, cómo funcionan, sus casos de uso y cómo acceder a sus valores utilizando notación de punto y corchetes.

¿Qué es un Objeto Literal?

Un objeto literal en JavaScript es una colección de pares clave-valor encerrados en llaves {}. Cada clave debe ser única dentro del objeto y puede estar asociada a cualquier tipo de dato, incluidas funciones, lo que permite la creación de métodos dentro del objeto.


Ejemplo Básico de Objeto Literal

Aquí tienes un ejemplo básico de un objeto literal que representa a una persona:

snippet.js
1const person = {
2 name: "John",
3 age: 30,
4 isStudent: true,
5 greet() {
6 console.log(`Hello! My name is ${this.name}`);
7 },
8};

Casos de Uso de los Objetos Literales

Los objetos literales son extremadamente útiles en una variedad de escenarios, como:

  1. Representación de Datos: Ideal para representar entidades con múltiples propiedades, como usuarios, productos, configuraciones, etc.
  2. Almacenamiento Temporal: Perfecto para almacenar datos de configuración o valores intermedios en una aplicación.
  3. Agrupación de Funciones: Permiten agrupar funciones relacionadas para crear módulos simples.

Accediendo a los Valores: Notación de Punto y Corchetes

Existen dos formas principales de acceder a los valores dentro de un objeto literal: la notación de punto y la notación de corchetes.

Notación de Punto

La notación de punto es la forma más común y legible de acceder a los valores del objeto.

snippet.js
1console.log(person.name); // 'John'
2person.greet(); // 'Hello! My name is John'

Notación de Corchetes

La notación de corchetes es útil cuando las claves son variables o no son identificadores válidos (como aquellos con espacios).

snippet.js
1console.log(person["age"]); // 30
2
3const key = "isStudent";
4console.log(person[key]); // true

Agregar Valores a un Objeto

Puedes agregar nuevas propiedades a un objeto literal incluso después de que haya sido creado. Esto se puede hacer usando la notación de punto o la notación de corchetes.

Usando Notación de Punto

snippet.js
1person.address = "123 Main St";
2console.log(person.address); // '123 Main St'

Usando Notación de Corchetes

snippet.js
1person["phoneNumber"] = "555-1234";
2console.log(person["phoneNumber"]); // '555-1234'

Eliminar una Propiedad de un Objeto

Para eliminar una propiedad de un objeto, puedes utilizar la palabra clave delete. Esto elimina la propiedad del objeto literal.

snippet.js
1delete person.age;
2console.log(person.age); // undefined
3
4delete person["isStudent"];
5console.log(person["isStudent"]); // undefined

Conclusión

Los objetos literales son una herramienta poderosa y flexible en JavaScript. Su capacidad para agrupar datos y funcionalidades bajo un mismo techo los convierte en un componente esencial del lenguaje. Ya sea que estés almacenando datos o creando configuraciones complejas, los objetos literales te proporcionan la estructura necesaria para mantener tu código organizado y eficiente.

M
Marcos10/4/2026, 9:59:15

Ok

J
Johan García Trejo10/4/2026, 9:48:47

Falta información

T
En respuesta a Johan García Trejo
Teresa10/4/2026, 9:58:44

Que bien

M
En respuesta a Johan García Trejo
Marcos10/4/2026, 9:57:34

Se actualizará más adelante

comentario.formNuevo

* Tu correo electrónico permanecerá privado. Los campos requeridos están señalados con *