DEV Community

Cover image for La Belleza de SET en Typescript
Lucatonny Raudales
Lucatonny Raudales

Posted on

La Belleza de SET en Typescript

En mi último proyecto, he estado trabajando con la estructura de datos Set en TypeScript, y ha sido increíblemente útil para manejar colecciones de valores únicos. En este post, te explicaré cómo usar Set para gestionar arrays y cómo puede ayudarte a mantener tu código limpio y eficiente.

¿Qué es Set?
El objeto Set en JavaScript y TypeScript es una colección de valores donde cada valor debe ser único. Esto significa que no se permiten duplicados dentro de un Set. Es perfecto para situaciones en las que necesitas asegurar la unicidad de los elementos.

Creación de un Set
Puedes crear un Set usando new Set(). Puedes inicializarlo con un array u otro iterable.

const miSet = new Set([1, 2, 3, 4]);
console.log(miSet); // Output: Set { 1, 2, 3, 4 }
Enter fullscreen mode Exit fullscreen mode

Agregar Elementos
Usa el método .add() para agregar nuevos elementos. Si el elemento ya existe, no se añadirá de nuevo.

miSet.add(5);
console.log(miSet); // Output: Set { 1, 2, 3, 4, 5 }

miSet.add(3); // No se añade de nuevo
console.log(miSet); // Output: Set { 1, 2, 3, 4, 5 }
Enter fullscreen mode Exit fullscreen mode

Verificar Existencia
El método .has() te permite verificar si un Set contiene un elemento específico.

console.log(miSet.has(3)); // Output: true
console.log(miSet.has(6)); // Output: false
Enter fullscreen mode Exit fullscreen mode

Eliminar Elementos
Para eliminar un elemento, usa el método .delete().

miSet.delete(4);
console.log(miSet); // Output: Set { 1, 2, 3, 5 }
Enter fullscreen mode Exit fullscreen mode

Iterar Sobre un Set
Puedes iterar sobre los elementos de un Set usando forEach o un bucle for...of.

miSet.forEach(valor => {
  console.log(valor); // Output: 1, 2, 3, 5
});

for (const valor of miSet) {
  console.log(valor); // Output: 1, 2, 3, 5
}
Enter fullscreen mode Exit fullscreen mode

Convertir un Set en un Array
Para trabajar con un Set como un array, usa el operador de propagación (...) o Array.from().

const arrayDesdeSet = [...miSet];
console.log(arrayDesdeSet); // Output: [1, 2, 3, 5]

const otroArrayDesdeSet = Array.from(miSet);
console.log(otroArrayDesdeSet); // Output: [1, 2, 3, 5]
Enter fullscreen mode Exit fullscreen mode

Tamaño del Set
El tamaño de un Set se puede obtener con la propiedad .size.

console.log(miSet.size); // Output: 4
Enter fullscreen mode Exit fullscreen mode

Conclusión
El objeto Set es una herramienta poderosa para gestionar colecciones de valores únicos en TypeScript. Me ha ayudado a mantener mis datos limpios y evitar duplicados en mi último proyecto. Si necesitas trabajar con listas de elementos únicos, definitivamente te recomiendo que explores Set.

Lucatonny Raudales
Saludos

Top comments (0)