Objetos en JavaScript

En este momento estás viendo Objetos en JavaScript
  • Autor de la entrada:
  • Categoría de la entrada:Javascript
  • Tiempo de lectura:7 minutos de lectura
Twittear
Compartir
Compartir
0 Compartir

En este tutorial, aprenderás sobre los objetos en JavaScript y cómo manejar sus propiedades de forma efectiva.

Introducción a los objetos en JavaScript

En JavaScript, un objeto representa una colección de datos y funcionalidades en forma de pares clave-valor. Cada par dentro del objeto se conoce como una propiedad. La clave de una propiedad puede ser una cadena (string), y el valor puede ser cualquier tipo de dato, como un número, un booleano, un array, o incluso otra función.

La forma más común de crear un objeto es mediante la notación de objeto literal. Por ejemplo, el siguiente código crea un objeto vacío:

let objetoVacio = {};

Creación de un objeto con propiedades

Para definir propiedades dentro de un objeto, utilizas la sintaxis clave: valor dentro de llaves. Por ejemplo, el siguiente código crea un objeto libro:

let libro = {
titulo: '1984',
autor: 'George Orwell',
year: 1949
};

El objeto libro tiene tres propiedades: titulo, autor, y year, cada una con sus respectivos valores. Cuando defines múltiples propiedades, deben estar separadas por comas, como en el ejemplo anterior.

Acceder a las propiedades

Para acceder a las propiedades de un objeto, puedes utilizar dos notaciones: la notación de punto y la notación de corchetes.

1) Notación de punto (.)

La notación de punto es la manera más sencilla de acceder a una propiedad:

nombreObjeto.nombrePropiedad

Por ejemplo, para acceder a la propiedad titulo del objeto libro, harías lo siguiente:

libro.titulo;

A continuación, se muestra un ejemplo que imprime el título y el autor del libro en la consola:

console.log(libro.titulo);
console.log(libro.autor);

2) Notación de corchetes ( [ ])

La notación de corchetes permite acceder a las propiedades de esta manera:

nombreObjeto['nombrePropiedad']

Por ejemplo:

console.log(libro['titulo']);
console.log(libro['autor']);

Si el nombre de la propiedad incluye espacios o caracteres especiales, debes encapsularlo entre comillas. Por ejemplo:

let persona = {
'nombre completo': 'Laura Martínez',
edad: 30
};

Para acceder a la propiedad ‘nombre completo’:

console.log(persona['nombre completo']);

Si intentas acceder a esta propiedad usando la notación de punto, obtendrás un error:

console.log(persona.nombre completo); // Esto generará un error de sintaxis

Error:

SyntaxError: Unexpected identifier

Es recomendable evitar espacios en los nombres de propiedades por cuestiones de claridad y simplicidad.

Al intentar acceder a una propiedad que no existe, el resultado será undefined.

console.log(libro.editor); // Salida: undefined

Modificar el valor de una propiedad

Para cambiar el valor de una propiedad, simplemente usas el operador de asignación (=). Por ejemplo:

libro.year = 1950; // Cambiamos el año a 1950
console.log(libro); //Salida: { titulo: '1984', autor: 'George Orwell', year: 1950 }

Agregar nuevas propiedades a un objeto

A diferencia de otros lenguajes, en JavaScript puedes agregar propiedades a un objeto después de haber sido creado. Puedes, por ejemplo, añadir el número de páginas a libro:

libro.paginas = 328;

Eliminar propiedades de un objeto

Para eliminar una propiedad de un objeto, utilizas el operador delete:

delete objetoNombre.propiedadNombre;

Por ejemplo, para eliminar la propiedad year del objeto libro:

delete libro.year;

Si intentas acceder a year después de borrarla, obtendrás un undefined.

Verificar si una propiedad existe

Para verificar si una propiedad está presente en un objeto, empleas el operador in de la siguiente manera:

nombrePropiedad in nombreObjeto

El operador in devuelve true si la propiedad existe en el objeto.

A continuación, un ejemplo que muestra cómo verificar la existencia de propiedades en un objeto auto:

let auto = {
marca: 'Toyota',
modelo: 'Corolla'
};
console.log('modelo' in auto); // true
console.log('color' in auto); // false
Artículos Relacionados
Obtener la longitud de una cadena de texto en JavaScript
Introducción a los Eventos Táctiles de JavaScript
Objetos Proxy de JavaScript
Orlando José-Rivera
Últimas entradas de Orlando José-Rivera (ver todo)

Deja una respuesta