Tutorial JavaScript: Conjuntos con Set

En JavaScript, un Set es una estructura de datos que permite almacenar un conjunto de valores únicos de cualquier tipo, tanto primitivos como referencias a objetos. Un Set garantiza que no haya elementos duplicados en su lista de valores, lo que los hace especialmente útiles cuando se buscan listas de valores distintos. La colección de Sets es iterable y se puede recorrer en el orden de inserción.

Creación de un Set

Para crear un nuevo Set, se puede utilizar el constructor Set:

const set = new Set();

También se pueden inicializar los Sets con valores pasando un iterable (como un array) al constructor:

const set = new Set([1, 2, 3, 4]);

Además, como se mencionó anteriormente, si se intenta agregar valores duplicados, estos serán ignorados automáticamente:

const set = new Set([5, 10, 10, 15, 15, 5, 15]);
console.log(set); // Set(3) {5, 10, 15}

Agregar elementos a un Set

Para agregar un valor a un Set, se puede utilizar el método .add(valor):

const set = new Set();
set.add("JavaScript");
set.add(42);
console.log(set); // Set(2) {"JavaScript", 42}

Si se intenta agregar un valor que ya exista en el Set, este será ignorado sin generar errores:

const set = new Set([1, 2, 3]);
set.add(2);
console.log(set); // Set(3) {1, 2, 3}

Remover elementos de un Set

Para eliminar un elemento de un Set, se puede utilizar el método .delete(valor):

const set = new Set([1, 2, 3]);
set.delete(2);
console.log(set); // Set(2) {1, 3}

Si se intenta eliminar un valor que no existe en el Set, no ocurrirá nada y no se generará ningún error.

Verificar si un elemento existe en un Set

Para verificar si un valor existe en un Set, se puede utilizar el método .has(valor):

const set = new Set([1, 2, 3]);

console.log(set.has(2)); // true
console.log(set.has(4)); // false

Tamaño de un Set

Para verificar el tamaño (número de elementos) de un Set, se puede utilizar la propiedad .size:

const set = new Set([1, 2, 3]);
console.log(set.size); // 3

Iterar sobre los elementos de un Set

Los objetos Set son iterables y se pueden recorrer utilizando un bucle for...of o el método .forEach():

const set = new Set([1, 2, 3]);

// for...of
for (const item of set) {
  console.log(item);
}
// 1
// 2
// 3

// forEach
set.forEach((item) => {
  console.log(item);
});
// 1
// 2
// 3

Conversión entre Sets y Arrays

Para convertir un Set en un Array, se puede utilizar el operador de extensión ... o el método Array.from():

const set = new Set([1, 2, 3]);

const arr = [...set];
// o
const arr = Array.from(set);

console.log(arr); // [1, 2, 3]

Para convertir un Array en un Set, simplemente se puede pasar el Array al constructor de Set como se describió anteriormente.

En resumen, los objetos Set en JavaScript son una colección de valores únicos y ofrecen una forma fácil de trabajar con conjuntos únicos de elementos. Los objetos Set son iterables, lo que significa que se pueden utilizar en bucles y otras operaciones que requieran iteración, y admiten varias operaciones útiles que facilitan la manipulación de conjuntos de datos.