Conceptos básicos de JavaScript: cómo crear y usar un diccionario

Un diccionario es una estructura de datos que puede utilizar para almacenar datos en su aplicación. Puede almacenar datos utilizando un par clave-valor, lo que le permite buscar y recuperar un valor específico.

Una vez que haya almacenado los datos en un diccionario, puede realizar otras acciones, como iterar sobre cada elemento. También puede verificar si existe un elemento o eliminar un elemento que ya no se necesita.

Cómo crear un objeto de diccionario

Un diccionario es una de las muchas estructuras de datos importantes que puede usar para almacenar datos. Puede crear diccionarios en C# y muchos otros lenguajes de programación. También puede crear una estructura de datos hashmap equivalente en Java.

No existe una palabra clave de «diccionario» que pueda usar para crear un objeto de diccionario en JavaScript. Sin embargo, puede crear un diccionario utilizando un objeto genérico. Aquí hay un ejemplo de cómo puede crear un diccionario vacío usando la palabra clave «Objeto»:

let dictionary = new Object();

También puede crear un diccionario vacío usando esta sintaxis abreviada:

let emptyDictionary = {};

Si desea inicializar el diccionario con valores, puede agregar cada valor en el formato de «clave: valor».

Usando el ejemplo a continuación, puede crear una clave de cadena llamada «Pidgey» y asociarla con un valor. El valor es un objeto con propiedades para la edad, el color y el sexo de la mascota.

let petDictionary = {
    "Pidgey": { Age: 0.5, Color: "Gray", Gender: "Male" },
    "Mocha": { Age: 0.5, Color: "Brown", Gender: "Female" },
};

Las claves no están restringidas a tipos de datos de cadena. Puede utilizar otros tipos de datos, como números o valores booleanos.

let wcDictionary = {
   1: { Team: "Argentina" },
   2: { Team: "France" },
};


let dictBool = {
   true: { Message: "Confirmed" },
   false: { Message: "Denied" },
};

Cómo agregar valores al objeto de diccionario

Puede agregar nuevos elementos a un diccionario utilizando este formato:

dictionary[new_key] = new_value

new_key puede ser cualquier valor de clave válido de su elección. Esta es la clave que usará más adelante cuando desee acceder a ese elemento específico en el diccionario. El valor_nuevo puede ser cualquier objeto o valor que desee asociar con la clave.

Este es un ejemplo de cómo puede agregar un nuevo elemento a un diccionario utilizando algunos valores de ejemplo:

petDictionary["Apples"] = { Age: 2, Color: "Green", Gender: "Male" };

Al igual que al inicializar, también puede usar otros tipos de datos para representar la clave:

wcDictionary[3] = { Team: "Morocco" };

Cómo acceder a valores basados ​​en una clave

Puede acceder a un valor de un diccionario usando su valor clave:

let dictionaryValue = petDictionary["Mocha"];
console.log(dictionaryValue);

El valor devuelto contendrá todo el objeto o valor almacenado para esa clave:

Cómo iterar sobre cada elemento en el diccionario

Puede iterar sobre cada elemento del diccionario utilizando el método Object.keys(). El método Object.Keys() devuelve una matriz que contiene todas las claves utilizadas en el diccionario:

console.log(Object.keys(petDictionary));

En su consola, debería ver una matriz que contiene todas las claves del diccionario:

Puede utilizar la lista de claves para recorrer cada elemento del diccionario y recuperar el valor de cada clave:

for (const key of Object.keys(petDictionary)) {
   console.log(key + ": ");
   console.log(petDictionary[key]);
};

Con los siguientes resultados en tu consola:

Cómo verificar si un elemento existe en el diccionario

Puede verificar si existe una clave en el diccionario usando la palabra clave «en»:

let inDictionary = 'Mocha' in petDictionary; // returns true
let notInDictionary = 'a' in petDictionary; // returns false

También puedes usar el método hasOwnProperty() para comprobar si existe un elemento:

let exists = petDictionary.hasOwnProperty('Mocha'); // returns true
let doesNotExist = petDictionary.hasOwnProperty('a'); // returns false

Cómo eliminar un valor del diccionario

Puede establecer un elemento en nulo para indicar que no tiene valor:

petDictionary['Apples'] = null;

Sin embargo, ese elemento seguirá estando presente en el diccionario. Si desea eliminar el elemento por completo, puede eliminarlo usando la palabra clave «eliminar»:

delete petDictionary['Apples'];

Almacenamiento de datos dentro de diccionarios en JavaScript

JavaScript no tiene soporte de primera clase para diccionarios, pero puede usar un objeto simple para almacenar pares clave/valor.

Un diccionario es una estructura de datos muy poderosa que puede usar para almacenar y acceder a datos usando claves. Un diccionario no es el único lugar donde puede almacenar datos, por lo que puede explorar otras estructuras de datos que podrían adaptarse mejor a su caso de uso.