Entendiendo los conjuntos en JavaScript

Los conjuntos son un nuevo complemento de JavaScript en ES6. Aprendamos al respecto.

¿Qué son los conjuntos?

¿Cómo usarlos en JavaScript?

¿Y qué métodos proporciona para resolver problemas?

Descubramos las respuestas a todas las consultas en este tutorial.

Conjuntos

Como su nombre lo indica, un conjunto es una colección de elementos únicos. No almacena los valores repetidos.

Los conjuntos en JavaScript almacenarán los elementos en el orden de inserción. Entonces, están ordenados en JavaScript. Y almacenará tipos de datos u objetos primitivos.

Veamos la sintaxis de los conjuntos en JavaScript.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
console.log(names);

const randomWord = new Set("Hiiiiiii");
console.log(randomWord);

const numbers = new Set([5, 5, 5, 2, 1, 1, 2, 3]);
console.log(numbers);

Propiedades y Métodos

Los conjuntos tienen diferentes propiedades y métodos que nos ayudan a trabajar con ellos para resolver diferentes problemas. Las propiedades y los métodos son tan simples como crearlos. Puede obtener fácilmente la funcionalidad de los métodos con sus propios nombres. Vamos a verlos uno por uno.

Talla

La propiedad size devuelve el número de elementos presentes en el conjunto.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
console.log(`Size: ${names.size}`);

agregar

El método add se utiliza para agregar un nuevo elemento al conjunto. Si el nuevo elemento ya está presente en el conjunto, no lo agregará.

// empty set
const names = new Set();

names.add("John");
names.add("Harry");
names.add("Wick");
names.add("Jack");
names.add("Harry");

console.log(names);

posee

El método toma un argumento y devuelve verdadero si el elemento está presente en el conjunto; de lo contrario, devuelve falso.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

console.log(names.has("Harry"));
console.log(names.has("Alley"));

Eliminar

Como es de esperar, el método delete toma un argumento y lo elimina del conjunto. No arroja ningún error incluso si el argumento dado no está presente en el conjunto.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

names.delete("John");

console.log(names);

entradas

Las entradas del método devuelven un iterador que contiene matrices de pares clave-valor en el orden de inserción. Aquí, la clave y el valor son los mismos.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

const entries = names.entries();

console.log(entries.next().value);
console.log(entries.next().value);
console.log(entries.next().value);
console.log(entries.next().value);
console.log(entries.next().value);

teclas

Las claves del método devuelven un iterador de elementos establecidos en el orden de inserción.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

const keys = names.keys();

console.log(keys.next().value);
console.log(keys.next().value);
console.log(keys.next().value);
console.log(keys.next().value);
console.log(keys.next().value);

valores

Los valores del método devuelven un iterador de elementos establecidos en el orden de inserción similar a las claves del método.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

const values = names.values();

console.log(values.next().value);
console.log(values.next().value);
console.log(values.next().value);
console.log(values.next().value);
console.log(values.next().value);

claro

El método clear elimina todos los elementos del conjunto.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

names.clear();

console.log(names);

para cada

El método forEach se usa para iterar sobre el conjunto y obtener todos los elementos uno por uno.

const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);

names.forEach((element) => {
   console.log(element);
});

Diverso

Veamos una sencilla aplicación de conjuntos con un programa. Dada una matriz, elimine todos los valores duplicados de ella. Para resolver el problema, podemos hacer uso de la propiedad set.

Veamos el paso para solucionarlo.

Inicialice una matriz con datos ficticios. Inicializar un conjunto vacío. Iterar sobre la matriz de elementos. Agregue todos los elementos al conjunto. Eliminará los elementos duplicados automáticamente. Inicializar una matriz vacía. Iterar sobre el conjunto y agregar cada elemento a la nueva matriz. Imprime la nueva matriz.

Espero que puedas resolverlo tú mismo. Si le resulta difícil codificar, eche un vistazo a la solución a continuación.

const arr = ["John", "Harry", "Wick", "Jack", "Harry"];

const temp = new Set();

arr.forEach((element) => {
   temp.add(element);
});

const newArr = [];

temp.forEach((element) => {
   newArr.push(element);
});

console.log(newArr);

Conclusión

Ahora, tiene todo el conocimiento que necesita para trabajar con conjuntos en JavaScript. Puedes usarlos en tu próximo proyecto. Adelante, haz uso de cada pedacito de ella.

Codificación feliz 👨‍💻

Publicaciones relacionadas

Botón volver arriba