Explicación
Además de los tipos de datos primitivos como number y string, en JavaScript hay otro tipo de datos importante llamado object.
Los objetos son colecciones de pares clave-valor.
Como tales, se pueden usar igual que lo que en otros lenguajes se suele denominar mapas o diccionarios.
En otros lenguajes, a menudo todos los valores de un mapa tienen que 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 tipos distintos.
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, hasta el punto de que también son entidades clave para la programación orientada a objetos (POO) en JavaScript.
A continuación, nos centraremos en los objetos como colecciones o mapas.
Otros casos de uso de los objetos se tratarán en otros conceptos; consulta, por ejemplo, Clases.
Crear un objeto
Creas un objeto usando llaves.
También puedes incluir algunas entradas directamente.
Para ello, 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á te preguntes por qué las claves no van entre comillas aunque se supone que son strings.
Se trata de 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, tienes que usar la notación habitual de string.
const obj = {
'1keyStartsWithNumber': '...',
'key/with/slashes': '...',
'key-with-dashes': '...',
'key with spaces': '...',
'#&()[]{}èä樹keyWithSpecialChars': '...',
};
Recuperar un valor
Hay dos formas de recuperar 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 abreviatura tiene la misma restricción que omitir las comillas.
Solo funciona si la clave sigue las reglas de nomenclatura de los identificadores.
Añadir o cambiar un valor
Puedes añadir o cambiar un valor con 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 con la palabra clave delete.
const obj = {
key1: 'value1',
key2: 'value2',
};
delete obj.key1;
delete obj['key2'];
Comprobar si existe una clave
Puedes comprobar si una determinada 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 con un bucle
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, debes asumir siempre 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
