JavaScript ofrece un rico conjunto de estructuras de datos que permiten a los desarrolladores administrar y manipular datos de manera eficiente. Dos de las estructuras de datos más versátiles en JavaScript son Map y Set. En este completo tutorial, profundizaremos en estas poderosas construcciones, explorando sus características, casos de uso y algunos ejemplos prácticos. Introducción a Map and Set en JavaScript Map and Set de JavaScript son dos poderosas estructuras de datos que brindan a los desarrolladores formas eficientes de almacenar, recuperar y administrar datos. Un mapa en JavaScript es una colección de pares clave-valor donde cada clave es única. Proporciona una forma eficaz de asociar datos, lo que facilita la recuperación de valores en función de sus claves correspondientes. Un Conjunto, por otro lado, es una colección de valores únicos. A diferencia de una matriz, un Conjunto no permite valores duplicados, lo que garantiza que cada elemento aparezca solo una vez. VER: Por qué JavaScript es el lenguaje de programación más popular Comprender el mapa de JavaScript Un mapa es una estructura de datos versátil que le permite crear colecciones de pares clave-valor. Cada clave en un mapa es única, lo que permite la recuperación eficiente de los valores asociados. Los mapas son particularmente útiles cuando necesita establecer relaciones precisas entre puntos de datos. En esta sección, exploraremos los fundamentos de la creación, adición, acceso y manipulación de entradas dentro de un Mapa, brindándole una base sólida para utilizar esta poderosa estructura de datos en sus proyectos de JavaScript. Crear un mapa Crear un mapa en JavaScript es sencillo. Puede utilizar el constructor Map para inicializar un nuevo objeto Map. Aquí hay un ejemplo: let myMap = new Map(); Agregar y acceder a entradas El objeto Map en JavaScript proporciona varios métodos clave para agregar, recuperar y manipular pares clave-valor. El método set() se utiliza para agregar o actualizar un par clave-valor en un mapa. Se necesitan dos argumentos: la clave, que puede ser de cualquier tipo de datos, y el valor correspondiente. Si la clave especificada ya existe en el Mapa, el método actualizará su valor; de lo contrario, creará una nueva entrada. El método get() le permite recuperar el valor asociado con una clave específica en un mapa. Si la clave no existe en el mapa, devuelve indefinida. Aquí hay un código que demuestra el uso de ambos métodos: myMap.set(‘key1’, ‘value1’); myMap.set(‘clave2’, ‘valor2’); let valor = myMap.get(‘clave1’); // ‘valor1’ Eliminación de entradas El método eliminar() elimina la entrada asociada con la clave especificada del Mapa. Devuelve verdadero si la clave existía y se eliminó correctamente; de lo contrario, devuelve falso. miMapa.delete(‘clave2’); Para eliminar todas las entradas de un mapa, utilice el método clear(). miMapa.clear(); Contando el número de entradas en un mapa Podemos averiguar cuántas entradas contiene un mapa mediante la propiedad de tamaño, que se muestra aquí: let size = myMap.size; Iterar a través de un mapa El bucle for…of es una manera conveniente de iterar sobre las entradas de un mapa. Dado que cada entrada es una matriz [key, value]puede utilizar la desestructuración de matrices para acceder fácilmente tanto a la clave como al valor en cada iteración, como se ilustra a continuación: for (let [key, value] de myMap) { console.log(`${clave} = ${valor}`); } Comprobar un valor específico El método has() comprueba si existe una clave en el mapa. Devuelve verdadero si la clave está presente y falso en caso contrario. Aquí hay un ejemplo: let myMap = new Map(); myMap.set(‘nombre’, ‘John Doe’); let tieneNombre = miMapa.has(‘nombre’); // verdadero let tieneEdad = myMap.has(‘edad’); // false VER: Kit de contratación: Desarrollador de JavaScript (TechRepublic Premium) Comprensión del conjunto de JavaScript Un conjunto es una colección única de valores, lo que garantiza que cada elemento aparezca solo una vez dentro del conjunto. A diferencia de Maps, los Sets manejan automáticamente la tarea de garantizar la unicidad, lo que los convierte en una herramienta valiosa para administrar colecciones de datos. Esta sección profundiza en las operaciones fundamentales de creación, adición, eliminación e iteración de elementos en un conjunto. Crear un conjunto Al igual que los mapas, los conjuntos también se crean utilizando su constructor: let mySet = new Set(); Agregar y eliminar elementos Para agregar un valor a un conjunto, puede usar el método add(). Este método toma el valor que desea agregar como argumento. Para eliminar un valor específico de un conjunto, puede utilizar el método eliminar(). Este método toma el valor que desea eliminar como argumento. Si el valor existe en el Conjunto, se eliminará y el método devolverá verdadero. Si el valor no existe en el conjunto, devolverá falso. Aquí hay un código que muestra ambos métodos en acción: mySet.add(‘value1’); mySet.add(‘valor2’); mySet.delete(‘valor2’); // verdadero mySet.delete(‘valor3’); // false También podemos eliminar todas las entradas de un conjunto usando el método clear(): mySet.clear(); Comprobar la existencia del elemento Set también proporciona el método has() para comprobar si existe una clave. Devuelve verdadero si la clave está presente y falso en caso contrario: let existe = mySet.has(‘value1’); Iterando a través de un Conjunto El bucle for…of funciona igualmente bien para iterar sobre las entradas de un Conjunto: for (let value of mySet) { console.log(value); } Contando el número de entradas en un Conjunto como Maps, podemos averiguar cuántas entradas contiene un Conjunto accediendo a la propiedad de tamaño: let size = mySet.size; VER: Los 10 principales lenguajes de programación que los empleadores quieren en 2023 Comparación de Map y Set Si bien tanto Map como Set son estructuras de datos versátiles, tienen diferentes propósitos: Map se usa para asociaciones clave-valor, lo que facilita la recuperación de valores basados ​​en sus claves. Set se utiliza para almacenar valores únicos, asegurando que cada elemento aparezca solo una vez. Algunos casos de uso comunes para Map y Set en JavaScript Aunque Maps y Sets comparten muchos puntos en común, cada uno admite objetivos de programación y casos de uso ligeramente diferentes. Casos de uso de mapas Almacenamiento de datos del usuario: Los mapas son excelentes para asociar información del usuario (por ejemplo, nombre de usuario y datos de perfil). Almacenamiento en caché: los mapas se pueden utilizar para almacenar en caché valores calculados en función de entradas específicas. Casos de uso de conjuntos Eliminación de duplicados: los conjuntos se pueden utilizar para eliminar valores duplicados de una matriz. Comprobación de unicidad: los conjuntos son útiles para garantizar que una colección solo contenga elementos únicos. Consideraciones de rendimiento Mapa frente a objeto: los mapas son más adecuados para situaciones en las que las claves son desconocidas o se generan dinámicamente, ya que superan a los objetos en estos casos. Conjunto versus matriz: si necesita mantener una lista de valores únicos, un Conjunto es más eficiente que verificar manualmente si hay duplicados en una matriz. VER: Cómo convertirse en desarrollador: una hoja de trucos Reflexiones finales sobre JavaScript Map y Set Map and Set de JavaScript son herramientas indispensables en el conjunto de herramientas de un desarrollador y ofrecen formas poderosas de administrar datos. La estructura del mapa proporciona un medio flexible para asociar valores con claves únicas, lo que la hace ideal para escenarios donde las relaciones precisas entre puntos de datos son cruciales. Por otro lado, la estructura de datos Set garantiza que las colecciones contengan solo valores únicos, simplificando la tarea de manejar distintos elementos. Al dominar estas estructuras de datos, tendrá la capacidad de abordar una amplia gama de tareas de programación con confianza. Además, incorporar mapas y conjuntos en sus proyectos no solo mejorará la legibilidad de su código, sino que también conducirá a soluciones más eficientes y sólidas. Ya sea que esté tratando con datos de usuario, implementando mecanismos de almacenamiento en caché o necesite administrar colecciones de valores distintos, Maps and Sets son poderosos aliados en sus esfuerzos de JavaScript.

Source link