JavaScript Sets

JavaScript Sets

Contenido original de W3Schools


Un Set de JavaScript es una colección de valores únicos. Cada valor sólo puede aparecer una vez en un Set.


Métodos Set esenciales

MétodoDescripción
new Set()Crea un nuevo Set.
add()Agrega un nuevo elemento al Set.
delete()Elimina un elemento de un Set.
has()Devuelve verdadero si existe un valor en el Set.
forEach()Invoca una devolución de llamada (callback) para cada elemento del Set.
values()Devuelve un iterador con todos los valores de un Set.
PropiedadDescripción
sizeDevuelve el número de elementos de un Set.

¿Cómo crear un Set?

Puedes crear un Set JavaScript mediante:

  • Pasando una matriz a new Set()

  • Cree un new Set y use add() para agregar valores

  • Cree un new Set y use add() para agregar variables


El método new Set()

Pase una matriz al constructor new Set():

Ejemplo:

// Crea un Set
const letters = new Set(["a","b","c"]);s

Ver ejemplo

Crea un Set y agrega valores:

Ejemplo:

// Crea un Set
const letters = new Set();

// Agrega valores al Set
letters.add("a");
letters.add("b");
letters.add("c");

Ver ejemplo

Crea un Set y agrega variables:

Ejemplo:

// Crea un Set
const letters = new Set();

// Crea Variables
const a = "a";
const b = "b";
const c = "c";

// Agrega variables al Set
letters.add(a);
letters.add(b);
letters.add(c);

Ver ejemplo


El método add()

Ejemplo:

letters.add("d");
letters.add("e");

Ver ejemplo

Si añades elementos iguales, sólo se guardará el primero:

Ejemplo:

letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");

Ver ejemplo


El método forEach()

El método forEach() invoca (llama) una función para cada elemento Set:

Ejemplo:

// Crea un Set
const letters = new Set(["a","b","c"]);

// Lista todos los elementos
let text = "";
letters.forEach (function(value) {
  text += value;
})

Ver ejemplo


El método values()

El método values() devuelve un nuevo objeto iterador que contiene todos los valores de un Set:

Ejemplo:

letters.values()   // Devuelve [object Set Iterator]

Ver ejemplo

Ahora puedes usar el objeto Iterador para acceder a los elementos:s

Ejemplo:

// Lista todos los elementos
let text = "";
for (const x of letters.values()) {
  text += x;
}

Ver ejemplo


W3Schools es el sitio de desarrolladores web más grande del mundo.

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!