8 métodos de conjunto de JavaScript que debe dominar hoy

Un conjunto de JavaScript es una colección de valores que son únicos.

Los conjuntos pueden contener valores de cualquier tipo de datos. Pueden ser primitivas simples, como enteros o cadenas, etc., o tipos complejos como matrices o literales de objeto. Los valores del conjunto solo pueden aparecer una vez.

En este artículo, aprenderá ocho métodos de conjuntos de JavaScript que debe dominar hoy.

1. Cómo crear un nuevo conjunto en JavaScript

Puede crear un nuevo objeto Set usando el nuevoColocar() constructor. El objeto Set almacena valores únicos de cualquier tipo de datos. Este constructor acepta un objeto iterable como parámetro.

const setObj = new Set ([21, 34, 35, 56, 23]);
console.log (setObj);

Producción:

Conjunto (5) {21, 34, 35, 56, 23}

Si no especifica nada en el parámetro, se crea un nuevo conjunto vacío.

const setObj = new Set ();
console.log (setObj);

Producción:

Establecer (0) {}

Si intenta crear un conjunto con elementos repetidos, los elementos duplicados se eliminarán y se devolverá un conjunto único.

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

Producción:

Establecer (3) {1, 2, 3}

También puede crear un conjunto utilizando tipos de datos mixtos.

const setObj = new Set ([1, 2, "Hola", [45, 67, 78]]);
console.log (setObj);

Producción:

Establecer (4) {1, 2, 'Hola', [45, 67, 78]}

2. Cómo agregar elementos nuevos a un objeto de conjunto

Puede agregar un nuevo elemento al final del objeto Set usando el agregar() método. Este método acepta el valor del elemento para agregar al objeto Set como parámetro y devuelve el nuevo objeto Set con valor agregado.

const setObj = new Set ();
setObj.add ("Bienvenido");
setObj.add ("a");
setObj.add ("MUO");
console.log (setObj);

Producción:

Establecer (3) {'Bienvenido', 'a', 'MUO'}

Puede pasar directamente el valor como un parámetro, o puede pasar la variable como una en su lugar.

const setObj = new Set ();
// Agregar valor a un objeto Set
setObj.add ("Bienvenido");
const var1 = "hasta";
const var2 = "MUO";
// Agregar variable a un objeto Set
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Producción:

Establecer (3) {'Bienvenido', 'a', 'MUO'}

los agregar() El método también admite el encadenamiento.

const setObj = new Set ();
// Encadenamiento
setObj.add (1) .add (2) .add (3);
console.log (setObj);

Producción:

Establecer (3) {1, 2, 3}

Si intenta agregar elementos duplicados, solo se guardará la primera instancia del elemento.

const setObj = new Set ();
setObj.add (1);
setObj.add (2);
setObj.add (3);
setObj.add ("M");
setObj.add ("U");
setObj.add ("O");
setObj.add (1);
setObj.add (2);
setObj.add (3);
console.log (setObj);

Producción:

Establecer (6) {1, 2, 3, 'M', 'U', 'O'}

3. Cómo eliminar todos los elementos de un objeto de conjunto

Puede eliminar todos los elementos de un objeto Set utilizando el claro() método. Este método elimina todos los elementos y devuelve indefinido.

const setObj = new Set ([1, 2, 3, 4, 5]);
console.log ("Tamaño del objeto Set:" + setObj.size);
console.log (setObj);
setObj.clear ();
console.log ("Tamaño del objeto Set después de borrar elementos:" + setObj.size);
console.log (setObj);

Producción:

Tamaño del objeto Set: 5
Conjunto (5) {1, 2, 3, 4, 5}
Tamaño del objeto Set después de borrar elementos: 0
Establecer (0) {}

Relacionado: Métodos de cadenas de JavaScript que debe dominar hoy

4. Cómo eliminar un elemento específico de un objeto de conjunto

Puede eliminar un elemento específico de un objeto Set (si existe) usando el Eliminar() método. Este método acepta el valor que se eliminará del conjunto. Si se encuentra el valor, el método devuelve cierto. De lo contrario, será falso.

const setObj = new Set ([1, 2, 3, 4, 5]);
console.log ("Conjunto inicial:");
console.log (setObj);
setObj.delete (3);
console.log ("Establecer después de eliminar 3");
console.log (setObj);

Producción:

Conjunto inicial:
Conjunto (5) {1, 2, 3, 4, 5}
Establecer después de eliminar 3
Conjunto (4) {1, 2, 4, 5}

5. Cómo comprobar si un elemento existe en un conjunto

Puede comprobar si un elemento existe en un objeto Set utilizando el tiene() método. Este método acepta el valor como parámetro para probar la presencia en el objeto Set. Si se encuentra el elemento, el método devuelve cierto; de lo contrario será falso.

const setObj = new Set (["Bienvenido", "a", "MUO"]);
console.log (setObj.has ("MUO"));
console.log (setObj.has ("MakeUseOf"));

Producción:

cierto
falso

6. ¿Cuál es el método de entradas () en el objeto de conjunto de JavaScript?

Según el funcionario Documentos web de MDN:

"Los entradas () El método devuelve un nuevo objeto Iterator que contiene una matriz de [valor, valor] para cada elemento del objeto Set, en orden de inserción. Para los objetos Set, no existe una clave como en los objetos Map. Sin embargo, para mantener la API similar al objeto Map, cada entrada tiene el mismo valor para su clave y valor aquí, de modo que se devuelve una matriz [valor, valor] ".

const setObj = new Set (["Bienvenido", "a", "MUO"]);
para (dejar la entrada de setObj.entries ()) {
console.log (entrada);
}

Producción:

[ 'Bienvenido Bienvenido' ]
['a', 'a']
['MUO', 'MUO']

const setObj = new Set (["Bienvenido", "a", "MUO"]);
para (deje [clave, valor] de setObj.entries ()) {
console.log (valor);
}

Producción:

Bienvenido
para
MUO

Las claves y los valores del conjunto son idénticos.

const setObj = new Set (["Bienvenido", "a", "MUO"]);
para (deje [clave, valor] de setObj.entries ()) {
console.log (valor clave);
}

Producción:

cierto
cierto
cierto

Relacionado: Cómo usar bucles en JavaScript

7. ¿Cuál es el método forEach () en el objeto de conjunto de JavaScript?

los para cada() El método invoca una función para cada elemento del objeto Set. Este método devuelve indefinido.

const setObj = new Set ([1, 2, 3, 4, 5]);
sea ​​suma = 0;
setObj.forEach (función (elemento) {
suma + = elemento;
});
console.log (suma);

Producción:

15

8. ¿Cuál es el método values ​​() en el objeto de conjunto de JavaScript?

los valores() el método devuelve un Iterador objeto que contiene todos los valores de un conjunto, y lo hace en orden de inserción.

const setObj = new Set ([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values ​​();
para (sea el valor de iteratorObj) {
console.log (valor);
}

Producción:

1
2
3
4
5

Relacionado: Introducción a los iteradores y generadores en JavaScript

Nota: Un objeto Set en JavaScript no tiene claves. Pero para que Sets sean compatibles con Maps, el teclas() El método se utiliza como un alias para el valores() método. los teclas() El método se comporta exactamente igual que el valores() método.

Ahora sabe cómo crear conjuntos en JavaScript

Así que ahí lo tienes. Después de leer este artículo, debería tener mucho que le ayude a dominar la creación de conjuntos en JavaScript.

La creación de conjuntos es crucial para cualquier programador que busque mejorar su juego. Una vez que haya dominado esto, puede pasar a perfeccionar otras habilidades, como crear matrices.

15 métodos de matriz de JavaScript que debe dominar hoy

¿Quiere comprender las matrices de JavaScript pero no puede familiarizarse con ellas? Consulte nuestros ejemplos de matrices de JavaScript para obtener orientación.

Leer siguiente

Sobre el Autor