htmlcinco

HTML 5, encontrá novedades, tutoriales y traducciones sobre este lenguaje.

Set de Javascript, una estructura de datos

Set de Javascript, una estructura de datos

La estructura de datos Set de Javascript, nos permite agregar datos a un contenedor, una colección de objetos o primitivos (strings, números o booleanos). Y puede llegar a ser muy útil al desarrollar en js.

La forma más fácil de entender un set, es considerarlo como un mapa donde los valores se usan como keys del mismo, con su valor siendo siempre true. O sea, que los ítems de un set serán siempre únicos.

Inicializar un Set

El Set lo puedes inicializar vacío o con elementos.

1
2
3
4
5
// iniciar un set vacío
const meses = new Set();

// o lo puedes iniciar con valores
const meses = new Set(['enero', 'febrero'])

Agregar items

Para agregar un item al set, simplemente usa el método add.

1
2
meses.add('enero');
meses.add('febrero');

Verificar que un item esté en el Set

El método has del Set nos retornara un Booleano

1
2
meses.has('junio'); // false
meses.has('enero'); // true

Tamaño del Set

La propiedad size del set contiene la cantidad de items del mismo.

1
meses.size; // 2

Borrar un ítem

Simplemente utilizamos el método delete como en el siguiente código.

1
2
3
4
5
// para borrar un item
meses.delete('enero');

// para borrar todos los items
meses.clear();

Iterar sobre un Set

Para iterar sobre un set podemos usar el método forEach al igual que en un array. Sino utilizar for..of sobre sus keys, values o sobre el mismo set, como muestra el siguiente ejemplo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// con forEach
meses.forEach(m => console.log(m))

// con for..of en keys o values
for (const m of meses.keys()) {
  console.log(m);
}

for (const m of meses.values()) {
  console.log(m);
}

// con for..of en el set mismo
for (const m of meses) {
  console.log(m);
}

Convertir un Set en un array

Algo que se utiliza frecuentemente es convertir un Set a un array. Esto lo podemos hacer muy fácil al des-estructurar (con el operador ...) el SetIterator que nos devuelve los métodos keys() o values(), como lo haríamos con un simple arreglo, ve el siguiente código:

1
2
3
const a = [...meses.keys()]

const b = [...meses.values()]

Conclusión

Esta estructura de datos fue introducida a Javascript en ECMAScript 6 (o ES2015). Y la buena noticia es que está soportado en todos los navegadores modernos.

Comparte conocimiento:
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Share on Facebook
Facebook
0
  • Bitcoin
  • Ethereum
  • Bitcoin cash
  • Tether
  • Stellar
Scan to Donate Bitcoin to 1L9sRKFJaXHQ8skQXR9b76KATmtEa9hsPn

Bitcoin!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Bitcoin. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Bitcoin

Scan to Donate Ethereum to 0xff68A1f93A2910A9DB02f7ab0DeD97F0ad62b541

Ethereum!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Ethereum. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Ethereum

Scan to Donate Bitcoin cash to qqysclxkfj4wnrqepksydauq74lzud805v9zlptxa8

Bitcoin cash!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Bitcoin cash. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Bitcoin cash

Scan to Donate Tether to 0xff68A1f93A2910A9DB02f7ab0DeD97F0ad62b541

Tether!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Tether. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Tether

Scan to Donate Stellar to GDIP3K46BRH3CDVGKDYWNEVHFI5LGG5MOBWU7QUCOCNOW4DJYIEMY2QC

Stellar!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Stellar. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Stellar

¿Quieres saber más?
¡Suscríbete a nuestro newsletter!

Respetamos tu privacidad y tu tiempo, no recibirás ningún tipo de correo basura.

2 comentarios para “Set de Javascript, una estructura de datos”

  1. Somfug dice:

    Muy claro este set de Javascript

  2. […] sabemos, la estructura Set de Javascript tiene todos sus elementos únicos, por lo tanto podríamos crear un nuevo set a partir de nuestro […]

Dejar un comentario

¿Quieres saber más?

 

¡La mejor información en tu correo!

(proximamente importantes novedades)