¿Alguna vez has pensado en la redundancia de definir un diccionario? Es una idea divertida como usar un montacargas para levantar un montacargas; es tan redundante como recursivo. Pero tengo que hacer una digresión porque no estamos hablando de humor tonto de programación en esta publicación; lo guardaremos para otro momento.
En su lugar, cubriremos la creación de un diccionario de JavaScript o la creación de algo muy similar. Desafortunadamente, JavaScript aún no es un tipo de diccionario, por lo que tendremos que aprovechar las increíbles posibilidades que ofrecen los objetos y mapas de ES6.
Para obtener una breve descripción general de los conceptos básicos de JavaScript, consulte nuestra otra publicación – inserte el autoenchufe desvergonzado – aquí.
Sin más preámbulos, vamos a sumergirnos.
Crear un diccionario usando JavaScript
Para crear un diccionario a partir de JavaScript, necesitaremos usar objetos de JavaScript y almacenar nuestros datos como llave y valor parejas Este proceso es relativamente simple y solo toma unos minutos.
JavaScript ofrece más que solo la capacidad de almacenar datos de esta manera; también nos permite iterar y acceder a los datos. Para crear este diccionario, comenzaremos declarando un nuevo objeto de diccionario; echemos un vistazo a esto.
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
status: "marketing contact"
};
Comenzamos creando una variable para el objeto, que llamamos persona – luego asigna Llaves y valores a este objeto. los Llaves en esta instalación se encuentran Nombre, apellidoy así sucesivamente mientras valores son Ene, Gamaetc. Además, esta no es la única manera de crear un objeto con llave/valor parejas Otra forma en que podemos hacer esto es declarar explícitamente el objeto con Nuevo palabra clave
const person = new Object()
Para crear un objeto que no contenga los métodos predeterminados adjuntos al prototipo del objeto, podemos adoptar un enfoque ligeramente diferente; veámoslo más a fondo.
const person = Object.create(null)
Para llenar este objeto con datos, podemos usar la notación de paréntesis para la asignación Llaves y valores a nuestras nuevas instalaciones.
person[firstName] = "John"
A continuación, echemos un vistazo más de cerca al tema. Llaves y cómo funcionan.
Claves del diccionario de JavaScript
Gracias a JavaScript, podemos asignar diferentes tipos de datos a nuestros objetos, como cadenas, enteros e incluso métodos, funciones relacionadas con el objeto, lo que nos brinda objetos poderosos.
const method = () => console.log("Hello");
const person = {
"mood": "happy",
1: [12, 14, 90],
1.2: 123,
"MyMethod": method
};
Las claves de objeto solo pueden ser cadenas y, aunque el desarrollador puede usar otros tipos de datos para establecer LlavesJavaScript los convertirá en un valor de cadena. Como se muestra a continuación, también podemos acceder al nuestro Llaves mediante punto notación o soporte notación.
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
status: "marketing contact"
};
person["firstName"];/*returns the value John"*/
person.firstName;/*Also returns the value "John"*/
Iterar a través del objeto de diccionario de JavaScript
Comprobando la longitud de nuestro diccionario – número Llaves – es una herramienta útil para trabajar con nuestras instalaciones. La forma más efectiva de verificar el tamaño con un objeto tradicional es iterar y contar el número de claves encontradas con por círculo.
for (const key of Object.keys(person)) {
console.log(key + ":" + person[key])
};
Habiendo dicho eso, sería un descuido si no explicara que hay una mejor manera de crear e interactuar con un diccionario. El último método le permite ver el poder del ES6 mapas; ofrecen métodos valiosos y mayor confiabilidad para esta aplicación.
mapas JavaScript
Los mapas son útiles y brindan beneficios que las características estándar no ofrecen; veamos los siguientes.
- Las claves en los mapas pueden ser de cualquier tipo y no se convierten en cadenas como con un objeto.
- El mapa ordena sus pares clave-valor en el orden en que se agregan; sin embargo, no es tan confiable y simple para la instalación.
- Los mapas tienen Talla una propiedad que obtiene directamente el número de pares clave-valor almacenados. Para los objetos, necesitamos calcular manualmente el tamaño con bucles y Object.keys – o métodos similares.
yo creo mapas JavaScript es muy simple y no difiere mucho de la sintaxis del objeto. Veamos cómo se ve a continuación.
/*Create Map instance*/
let person = new Map()
Agregar al diccionario de JavaScript
Es muy fácil agregar nuevas claves a nuestro diccionario gracias mapas; nosotros podemos usar establecer método para establecer explícitamente nuevas claves y valores.
/*Add key-value pairs*/
person.set("id", 123)
person.set("registered", true)
let name = {firstName: "Anj"}/*Add keys of different types*/
/*Creates an integer key = (1) with an array value = ([1, 2, 3, 5])*/
person.set(1, [1, 2, 3, 5])
/*Creates a object key = (name) with a string value = ("available")*/
person.set(name, "available")
Tenemos cuatro llaves para el nuestro. persona mapa en el ejemplo anterior, cada uno con un tipo de datos diferente. Este método permite más flexibilidad y control en nuestro diccionario.
Compruebe si la clave/valor existe en el diccionario de JavaScript.
De manera similar, podemos verificar si un objeto tiene una clave específica usando el método provisto posee; veámoslo más a fondo.
person.has("dog") /*false*/
person.has("id") /*true*/
Elimina el par clave/valor del diccionario de JavaScript.
Podemos hacer borrado y borrado en nuestro diccionario usando cualquier otro método proporcionado por mapas llamó Eliminar. Echemos un vistazo a cómo se ve a continuación.
person.delete(name) /*true*/
Compruebe el tamaño del diccionario de JavaScript.
Por mapaspodemos comprobar rápidamente el tamaño de nuestro diccionario mediante el método proporcionado con mapas llamado el tamaño.
person.size /*returns the number of keys*/
Iterando a través del mapa del diccionario de JavaScript
Los mapas también proporcionan funciones separadas de entrada (), claves () y valores () para iterar a través de claves y valores de diferentes maneras según su caso de uso.
/*Best for accessing both keys and their values*/
for (const [key, value] of person.entries()) {
console.log(key + ": " + value)
}
/*Best for accessing only the keys*/
for (const key of person.keys()) {
console.log(key)
}
/*Best for accessing only the values*/
for (const value of person.values()) {
console.log(value)
};
Conclusiones para crear un diccionario de JavaScript
Si bien JavaScript no tiene un tipo de diccionario nativo, ofrece más de una forma de crear una estructura de datos similar a un diccionario. entre uso elementos y mapascrear un diccionario de diferentes tipos de datos se vuelve muy fácil de hacer.
Decidir cuál de estos enfoques se adaptará mejor a sus necesidades depende de los datos almacenados y su complejidad. Por ejemplo, si solo mantiene cadenas estáticas como Llaves, el objeto puede funcionar mejor porque se ejecutará más rápido debido a su simplicidad. Sin embargo, si almacena claves con otros tipos de datos, querrá usar Mapas dado que los mapas requieren un poco más de procesamiento.
Armado con la información anterior, es de esperar que se sienta más seguro al crear sus diccionarios de JavaScript.
