DEV Community

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

Posted on

2 1 1 1

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

Billboard image

Deploy and scale your apps on AWS and GCP with a world class developer experience

Coherence makes it easy to set up and maintain cloud infrastructure. Harness the extensibility, compliance and cost efficiency of the cloud.

Learn more

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay