Explicación
Además de los tipos de datos primitivos como number y string, en JavaScript existe otro tipo de dato importante llamado object.
Los objetos son colecciones de pares clave-valor.
Como tales, se pueden usar de la misma manera que lo que en otros lenguajes se suele llamar mapas o diccionarios.
En otros lenguajes, a menudo todos los valores de un mapa deben tener el mismo tipo de dato.
En JavaScript, solo se restringe el tipo de la clave: tiene que ser un string.
Los valores dentro de un mismo objeto pueden tener distintos tipos.
Pueden ser tipos primitivos como números, pero también arrays, otros objetos o incluso funciones.
Esto hace que los objetos sean muy versátiles, de modo que también son entidades clave para la programación orientada a objetos (POO) en JavaScript.
En lo que sigue, nos centraremos en los objetos como colecciones o mapas.
Otros casos de uso de los objetos se cubrirán en otros conceptos; consulta, por ejemplo, Clases.
Crear un objeto
Creas un objeto usando llaves.
También puedes incluir algunas entradas directamente.
Para eso, indica primero la clave, seguida de dos puntos y el valor.
const emptyObject = {};
const obj = {
favoriteNumber: 42,
greeting: 'Hello World',
useGreeting: true,
address: {
street: 'Trincomalee Highway',
city: 'Batticaloa',
},
fruits: ['melon', 'papaya'],
addNumbers: function (a, b) {
return a + b;
},
};
La coma final después de la última entrada es opcional en JavaScript.
Quizás te preguntes por qué las claves no están entre comillas, aunque se supone que son strings.
Esto es una notación abreviada.
Si la clave sigue las reglas de nomenclatura de un identificador de JavaScript, puedes omitir las comillas.
Para las claves con caracteres especiales en el nombre, necesitas usar la notación habitual de string.
const obj = {
'1keyStartsWithNumber': '...',
'key/with/slashes': '...',
'key-with-dashes': '...',
'key with spaces': '...',
'#&()[]{}èä樹keyWithSpecialChars': '...',
};
Obtener un valor
Hay dos maneras de obtener el valor de una clave dada: la notación de punto y la notación de corchetes.
const obj = { greeting: 'hello world' };
obj.greeting;
// => hello world
obj['greeting'];
// => hello world
// Bracket notation also works with variables.
const key = 'greeting';
obj[key];
// => hello world
Usar la notación de punto como forma abreviada tiene la misma restricción que omitir las comillas.
Solo funciona si la clave sigue las reglas de nomenclatura de los identificadores.
Agregar o cambiar un valor
Puedes agregar o cambiar un valor usando el operador de asignación =.
De nuevo, tienes disponibles la notación de punto y la de corchetes.
const obj = { greeting: 'hello world' };
obj.greeting = 'Hi there!';
obj['greeting'] = 'Welcome.';
obj.newKey1 = 'new value 1';
obj['new key 2'] = 'new value 2';
const key = 'new key 3';
obj[key] = 'new value 3';
Eliminar una entrada
Puedes eliminar un par clave-valor de un objeto usando la palabra clave delete.
const obj = {
key1: 'value1',
key2: 'value2',
};
delete obj.key1;
delete obj['key2'];
Verificar si existe una clave
Puedes verificar si cierta clave existe en un objeto con el método hasOwnProperty.
const obj = { greeting: 'hello world' };
obj.hasOwnProperty('greeting');
// => true
obj.hasOwnProperty('age');
// => false
Recorrer un objeto
Existe un bucle for...in especial para iterar sobre todas las claves de un objeto.
const obj = {
name: 'Ali',
age: 65,
};
for (let key in obj) {
console.log(key, obj[key]);
}
// name Ali
// age 65
Para evitar errores sutiles, siempre debes asumir que el bucle for...in recorre las claves en un orden arbitrario.
Además, ten en cuenta que for...in incluye las claves heredadas en su iteración.
Ejercicio de aprendizaje
