Comprensión de mapas y conjuntos en JavaScript
Las estructuras de datos son la columna vertebral de cualquier lenguaje de programación. Los ejemplos incluyen la lista vinculada, árboles, pilas, colas y gráficos. En este artículo, aprenderá a utilizar el mapa y establecer estructuras de datos en JavaScript.
En 2015, JavaScript introdujo ES6 para proporcionar a los desarrolladores una experiencia de codificación mejorada. ES6 introdujo mapas y conjuntos para que los desarrolladores no tengan que crearlos utilizando tipos de datos primitivos. Echemos un vistazo a ellos con mayor detalle.
Comprensión de mapas en JavaScript
El mapa es un tipo de estructura de datos que almacena pares clave-valor. Es uno de los métodos más eficientes para buscar y recuperar datos. Puede almacenar todo tipo de datos en mapas JavaScript.
Echemos un vistazo a algunos métodos que puede realizar en mapas JavaScript.
1. establecer ()
Puede insertar un par clave-valor en un mapa utilizando el método set () . Este método toma dos argumentos: la clave y el valor.
Consulte el código a continuación que le muestra cómo insertar en un mapa.
let map = new Map();
map.set("fruit1", "Grapes");
map.set("fruit2", "Mango");
map.set("fruit3", "Strawberry");
map.set("fruit4", "Mango");
console.log(map)
La salida después de imprimir el mapa:
Map {
'fruit1' => 'Grapes',
'fruit2' => 'Mango',
'fruit3' => 'Strawberry',
'fruit4' => 'Mango' }
2. eliminar ()
Para eliminar un elemento de un mapa, use el método delete () . Este método acepta un argumento: la clave de los datos que desea eliminar. Si la clave existe, este método elimina esa entrada del mapa y devuelve verdadero. De lo contrario, devuelve falso.
console.log("Is the fruit1 deleted", map.delete("fruit1"));
console.log(map)
La salida después de eliminar la fruta1 :
Is the fruit1 deleted true
Map {
'fruit2' => 'Mango',
'fruit3' => 'Strawberry',
'fruit4' => 'Mango' }
3. obtener ()
El método get () recupera el valor de la clave especificada. Como el método delete () , acepta un argumento: la clave.
console.log(map.get("fruit2"))
Produce la siguiente salida:
Mango
4. tamaño ()
El método size () devuelve el número de pares clave-valor presentes en el mapa.
let map = new Map();
map.set("fruit1", "Grapes");
map.set("fruit2", "Mango");
map.set("fruit3", "Strawberry");
map.set("fruit4", "Mango");
console.log("The size of the map is", map.size)
Da el siguiente resultado:
The size of the map is 4
5. claro ()
Para eliminar todos los elementos del mapa, use el método clear () .
map.clear()
console.log(map)
La salida del mapa después de eliminar todos los elementos:
Map {}
6. tiene ()
El método has () le ayuda a verificar si la clave existe en un mapa o no. Devuelve un valor booleano en función de la existencia de un elemento en el mapa. Este método acepta un argumento: la clave a buscar.
console.log("The grapes exists:", map.has("fruit1"))
Produce la siguiente salida con nuestro mapa de ejemplo:
The grapes exists: true
7. llaves ()
El método keys () devuelve un iterador con todas las claves. Puede recorrerlos para obtener acceso a una clave individual.
const keys = map.keys();
for (let k of keys) {
console.log(k);
}
El resultado del código anterior es:
fruit1
fruit2
fruit3
fruit4
8. valores
El método values () devuelve un iterador con todos los valores en él.
const values = map.values();
for (let v of values) {
console.log(v);
}
El resultado del código anterior es:
Grapes
Mango
Strawberry
Mango
Comprensión de conjuntos en JavaScript
La estructura de datos establecida tiene valores únicos, lo que significa que ningún valor puede repetirse. Puede almacenar todo tipo de valores en un conjunto, incluidos primitivos y objetos.
Echemos un vistazo a algunos métodos del conjunto:
1. agregar ()
El método add () le ayuda a agregar datos al conjunto. Si intenta agregar datos duplicados, el conjunto simplemente los ignorará.
let s = new Set();
s.add(1);
s.add(2);
s.add(3);
s.add(4);
s.add(4);
console.log(s);
Da la salida:
Set { 1, 2, 3, 4 }
2. eliminar ()
El método delete () elimina el valor especificado del conjunto.
s.delete(3);
console.log(s);
La salida después de eliminar 3:
Set { 1, 2, 4 }
3. tiene ()
Los métodos has () le ayudan a comprobar si existe un valor en el conjunto o no.
console.log(s.has(1))
La salida del código anterior es verdadera .
4. claro ()
El método clear () le ayuda a eliminar todos los elementos del conjunto.
s.clear();
console.log(s);
La salida después de eliminar todos los elementos del conjunto:
Set {}
Más información sobre ES6
Ahora que ha aprendido a usar mapas y conjuntos en JavaScript, es hora de que los implemente en sus proyectos. Puede utilizarlos mientras resuelve problemas de algoritmos y estructura de datos. Puede utilizar un mapa para implementar un algoritmo hash.
¿Quiere saber más sobre ES6? Consulta el artículo a continuación que te lo contará todo.