No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Regálate acceso ilimitado a todos los cursos por 1 año a precio especial de Navidad 🎄

Antes: $199

Currency
$149/año
regístrate

termina en:

16D
15H
19M
45S

ES6: set-add

20/38
Recursos

Set es una nueva estructura de datos para almacenar elementos únicos, es decir, sin elementos repetidos.

Cómo utilizar los Sets

Para iniciar un Set, se debe crear una instancia de su clase a partir de un iterable. Generalmente, un iterable es un array.

const set = new Set(iterable)

Cómo manipular los Sets

Para manipular estas estructuras de datos, existen los siguientes métodos:

  • add(value): añade un nuevo valor.
  • delete(value): elimina un elemento que contiene el Set, retorna un booleano si existía o no el valor.
  • has(value): retorna un booleano si existe o no el valor dentro del Set.
  • clear(value): elimina todos los valores del Set.
  • size: retorna la cantidad de elementos del Set.

Contribución creada por Andrés Guano (Platzi Contributor).

Aportes 11

Preguntas 1

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Cómo quitar los elementos repetidos en una sola línea

👨‍💻 Para crear un array sin elementos repetidos, podemos utilizar Set y el operador de propagación de la siguiente manera:

const array = [1, 1, 2, 2, 3, 4, 4, 5]

const sinRepetidos = [ ... new Set(array)]
console.log(sinRepetidos) // [ 1, 2, 3, 4, 5 ]

Set es parecido al array, pero una de las diferencias con el array es que impide agregar elementos repetidos

Hola [email protected] 😃

  • set-add
const list = new Set();

list.add("item 1");
list.add("item 2").add("item 3");

console.log(list);

Metodos utiles de Set:

  • add
  • has
  • delete
  • size
const set = new Set();
set.add('item 1');                  	// Set ['item 1']
set.add('item 2').add('item 3'); // Set ['item 1','item 				2','item 3']
set.has('item 2');                 // true
set.delete('item 1');             // Set ['item 2','item 3', 1]                    
set.size();                        // 2

Si llegaste aquí como yo, sin saber que son los Map y los Set, te dejo este enlace para que puedas comprender lo que son.

Explicación: https://www.digitalocean.com/community/tutorials/understanding-map-and-set-objects-in-javascript-es

Algo que siento es importante saber y destacar acerca de Map/Set es que es básicamente una implementación de la estructura de datos hash-map ya que se basa en guardar nuestros datos como Key-Value.

Te dejo un recurso/lectura donde se habla de esto a fondo
https://javascript.info/map-set

SET - Un Set es una colección de elementos sin un orden en particular, en donde cada elemento puede aparecer una sola vez. Es una estructura muy similar a los arrays, pero con la particularidad de que cada elemento que posee es único.

En JS los sets ya están implementados mediante la clase Set, por lo tanto, si queremos crear un nuevo set debemos instanciarlo utilizando la palabra reservada new Set()

var array = [1,1,1,2,3,4,4,5,5,3]
var set1  = new Set(array)
console.log(array)   // [ 1,1,1,2,3,4,4,5,5,3 ]
console.log(set1)   // Set { 1, 2, 3, 4, 5 }

Hola comunidad! probé guardar en una variable lo que hicimos con list.add y luego a esa variable agregarle el add y funciona.

const list = new Set();

const result = 
list.add('item 1');
list.add('item 2').add('item 3');

console.log(list);
console.log('result', result);

result.add('item 4');

console.log('result', result);

//Set(3) { 'item 1', 'item 2', 'item 3' }
//result Set(3) { 'item 1', 'item 2', 'item 3' }
//result Set(4) { 'item 1', 'item 2', 'item 3', 'item 4' }

El método add( ) inserta un nuevo elemento con un valor específico en un objeto seleccionado, si este valor ya exisite en el objeto, éste nuevo elemento no se inserta.

</*SET-ADD 
Is a similar method to the add method of the Set object.
Is a similar method use in python list

*/

const array1 = [1, 2, 3, 4, 5];
const array2 = [6, 7, 8, 9, 10];
const array3 = [11, 12, 13, 14, 15];

/* Methos for set
    add(value): añade un nuevo valor.
    delete(value): elimina un elemento que contiene el Set, retorna un booleano si existía o no el valor.
    has(value): retorna un booleano si existe o no el valor dentro del Set.
    clear(value): elimina todos los valores del Set.
    size: retorna la cantidad de elementos del Set.
*/
const list = new Set();
//add
list.add(array1);
list.add(array2);
list.add(array3);
console.log(list);

//delete
list.delete(array1);
console.log(list);

//has
list.has(list);
console.log(list);

//size
const size_list = list.size;
console.log(size_list);

//clear
list.clear();
//Print list 
console.log(list);


//Not reapeat values for use Set method
const array_mutable = [1, 2, 3, 4, 5, 1, 2, 3, 4, 5];
const list2 = new Set();
const list_not_repeat = [new Set(array_mutable)];
console.log(list_not_repeat);>