8 métodos de conjunto de JavaScript que você deve dominar hoje

Se você está procurando aprimorar suas habilidades na criação de conjuntos JavaScript, verifique esses métodos.

Um conjunto de JavaScript é uma coleção de valores únicos.

Os conjuntos podem conter valores de qualquer tipo de dados. Podem ser primitivos simples, como inteiros ou strings, etc., ou tipos complexos como arrays ou literais de objeto. Os valores no conjunto podem ocorrer apenas uma vez.

Neste artigo, você aprenderá oito métodos de conjunto de JavaScript que deve dominar hoje.

1. Como criar um novo conjunto em JavaScript

Você pode criar um novo objeto Set usando o novo construtor Set () . O objeto Set armazena valores exclusivos de qualquer tipo de dados. Este construtor aceita um objeto iterável como parâmetro.

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

Saída:

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

Se você não especificar nada no parâmetro, um novo conjunto vazio será criado.

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

Saída:

Set(0) {}

Se você tentar criar um Conjunto com elementos repetidos, os elementos duplicados serão removidos e um Conjunto exclusivo será retornado.

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

Saída:

Set(3) { 1, 2, 3 }

Você também pode criar um Conjunto usando tipos de dados mistos.

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

Saída:

Set(4) { 1, 2, 'Hello', [ 45, 67, 78 ] }

2. Como acrescentar novos elementos a um objeto definido

Você pode anexar um novo elemento ao final do objeto Set usando o método add () . Este método aceita como parâmetro o valor do elemento a ser adicionado ao objeto Set e retorna o novo objeto Set com valor agregado.

const setObj = new Set();
setObj.add("Welcome");
setObj.add("to");
setObj.add("MUO");
console.log(setObj);

Saída:

Set(3) { 'Welcome', 'to', 'MUO' }

Você pode passar diretamente o valor como um parâmetro ou pode passar a variável como um.

const setObj = new Set();
// Appending value to a Set object
setObj.add("Welcome");
const var1 = "to";
const var2 = "MUO";
// Appending variable to a Set object
setObj.add(var1);
setObj.add(var2);
console.log(setObj);

Saída:

Set(3) { 'Welcome', 'to', 'MUO' }

O método add () também suporta encadeamento.

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

Saída:

Set(3) { 1, 2, 3 }

Se você tentar anexar elementos duplicados, apenas a primeira instância do elemento será salva.

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);

Saída:

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

3. Como remover todos os elementos de um objeto definido

Você pode remover todos os elementos de um objeto Set usando o método clear () . Este método remove todos os elementos e retorna indefinido .

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Size of the Set object: " + setObj.size);
console.log(setObj);
setObj.clear();
console.log("Size of the Set object after clearing elements: " + setObj.size);
console.log(setObj);

Saída:

Size of the Set object: 5
Set(5) { 1, 2, 3, 4, 5 }
Size of the Set object after clearing elements: 0
Set(0) {}

4. Como excluir um elemento específico de um objeto definido

Você pode excluir um elemento específico de um objeto Set (se existir) usando o método delete () . Este método aceita o valor a ser excluído do Conjunto. Se o valor for encontrado, o método retorna verdadeiro . Caso contrário, será falso .

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Initial Set:");
console.log(setObj);
setObj.delete(3);
console.log("Set after deleting 3");
console.log(setObj);

Saída:

Initial Set:
Set(5) { 1, 2, 3, 4, 5 }
Set after deleting 3
Set(4) { 1, 2, 4, 5 }

5. Como verificar se um elemento existe em um conjunto

Você pode verificar se um elemento existe em um objeto Set usando o método has () . Este método aceita o valor como um parâmetro para testar a presença no objeto Set. Se o elemento for encontrado, o método retorna verdadeiro ; caso contrário, será falso .

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

Saída:

true
false

6. Qual é o método entries () no JavaScript Set Object?

De acordo com o MDN Web Docs oficial :

“O método entries () retorna um novo objeto Iterator que contém uma matriz de [valor, valor] para cada elemento no objeto Set, em ordem de inserção. Para objetos Set, não há chave como nos objetos Map. No entanto, para manter a API semelhante ao objeto Map, cada entrada tem o mesmo valor para sua chave e valor aqui, de modo que uma matriz [valor, valor] é retornada. “

const setObj = new Set(["Welcome", "to", "MUO"]);
for(let entry of setObj.entries()) {
console.log(entry);
}

Saída:

[ 'Welcome', 'Welcome' ]
[ 'to', 'to' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Welcome", "to", "MUO"]);
for(let [key, value] of setObj.entries()) {
console.log(value);
}

Saída:

Welcome
to
MUO

As chaves e valores no Conjunto são idênticos.

const setObj = new Set(["Welcome", "to", "MUO"]);
for(let [key, value] of setObj.entries()) {
console.log(key === value);
}

Saída:

true
true
true

7. Qual é o método forEach () no JavaScript Set Object?

O método forEach () invoca uma função para cada elemento do objeto Set. Este método retorna indefinido .

const setObj = new Set([1, 2, 3, 4, 5]);
let sum = 0;
setObj.forEach(function(element) {
sum += element;
});
console.log(sum);

Saída:

15

8. Qual é o método values ​​() no JavaScript Set Object?

O método values ​​() retorna um objeto Iterator que contém todos os valores em um Set e faz isso na ordem de inserção.

const setObj = new Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (let value of iteratorObj) {
console.log(value);
}

Saída:

1
2
3
4
5

Nota : Um objeto Set em JavaScript não tem chaves. Mas para tornar Sets compatíveis com Maps, o método keys () é usado como um apelido para o método values ​​() . O método keys () se comporta exatamente da mesma forma que o método values ​​() .