Entendidoanding conjuntos en JavaScript
Los conjuntos son un nuevo complemento de JavaScript en ES6. Aprendamos sobre esto.
¿Qué son los conjuntos?
¿Cómo usarlos en JavaScript?
¿Y qué métodos proporciona para resolver problemas?
Averigüemos las respuestas a todas las consultas en este tutorial.
Sets
Como el nombre indicaates, un conjunto es una colección de elementos únicos. No almacena el repeatevalores d.
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.
espero que tengas IDE para practicar lo siguiente.
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. Veámoslos uno por uno.
tamaño
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}`);
add
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);
tiene
El método has
toma un argumento y regresa true
si el elemento está presente en el conjunto de lo contrario, regresa false
.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
console.log(names.has("Harry"));
console.log(names.has("Alley"));
borrar
Como esperas 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
El método entries
devuelve 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);
claves
El método keys
devuelve un iterador de elementos de conjunto 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
El método values
devuelve un iterador de elementos del conjunto en el orden de inserción similar al método keys
.
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);
limpiar
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 utiliza para iterarate sobre el conjunto y obtén todos los elementos uno por uno.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]);
names.forEach((element) => {
console.log(element);
});
Observaciones
Veamos una aplicación sencilla de conjuntos con un programa. Dada una matriz, elimine todos los duplicados.ate valores a partir de ella. Para resolver el problema, podemos hacer uso de la propiedad set.
Veamos el paso para solucionarlo.
- Inicialice una matriz con datos ficticios.
- Inicializa un conjunto vacío.
- Iterate sobre el conjunto de elementos.
- Agrega todos los elementos al conjunto.
- Eliminará duplicadosate elementos automaticosally.
- Inicializa una matriz vacía.
- Iterate sobre el conjunto y agregue cada elemento a la nueva matriz.
- Imprime la nueva matriz.
Espero que puedas solucionarlo tuself. 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);
Para Concluir
Ahora, tiene todos los conocimientos necesarios para trabajar con conjuntos en JavaScript. Puedes usarlos en tu próximo proyecto. Continúe y aproveche cada bit de la misma.
Codificación feliz 👨💻