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

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 matrizes 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 novoDefinir() construtor. 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:

Conjunto (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:

Conjunto (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:

Conjunto (3) {1, 2, 3}

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

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

Saída:

Conjunto (4) {1, 2, 'Olá', [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 adicionar() método. 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 ("Bem-vindo");
setObj.add ("para");
setObj.add ("MUO");
console.log (setObj);

Saída:

Conjunto (3) {'Bem-vindo', 'para', 'MUO'}

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

const setObj = new Set ();
// Anexando valor a um objeto Set
setObj.add ("Bem-vindo");
const var1 = "para";
const var2 = "MUO";
// Anexando variável a um objeto Set
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Saída:

Conjunto (3) {'Bem-vindo', 'para', 'MUO'}

o adicionar() método também suporta encadeamento.

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

Saída:

Conjunto (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:

Conjunto (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 Claro() método. Este método remove todos os elementos e retorna Indefinido.

const setObj = new Set ([1, 2, 3, 4, 5]);
console.log ("Tamanho do objeto Set:" + setObj.size);
console.log (setObj);
setObj.clear ();
console.log ("Tamanho do objeto Set após limpar os elementos:" + setObj.size);
console.log (setObj);

Saída:

Tamanho do objeto Set: 5
Conjunto (5) {1, 2, 3, 4, 5}
Tamanho do objeto Set após limpar os elementos: 0
Conjunto (0) {}

Relacionado: Métodos de string JavaScript que você deve dominar hoje

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 excluir() método. Este método aceita o valor a ser excluído do Conjunto. Se o valor for encontrado, o método retorna verdade. Caso contrário, será falso.

const setObj = new Set ([1, 2, 3, 4, 5]);
console.log ("Configuração inicial:");
console.log (setObj);
setObj.delete (3);
console.log ("Definir após excluir 3");
console.log (setObj);

Saída:

Conjunto inicial:
Conjunto (5) {1, 2, 3, 4, 5}
Definido após a exclusão de 3
Conjunto (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 tem() método. 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 verdade; caso contrário, será falso.

const setObj = new Set (["Bem-vindo", "para", "MUO"]);
console.log (setObj.has ("MUO"));
console.log (setObj.has ("MakeUseOf"));

Saída:

verdade
falso

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

De acordo com o oficial MDN Web Docs:

"O entradas () método retorna um novo objeto Iterator que contém uma matriz de [valor, valor] para cada elemento no objeto Set, na 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 (["Bem-vindo", "para", "MUO"]);
para (permitir a entrada de setObj.entries ()) {
console.log (entrada);
}

Saída:

[ 'Bem-vindo bem vindo' ]
['para', 'para']
['MUO', 'MUO']

const setObj = new Set (["Bem-vindo", "para", "MUO"]);
para (deixe [chave, valor] de setObj.entries ()) {
console.log (valor);
}

Saída:

Receber
para
MUO

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

const setObj = new Set (["Bem-vindo", "para", "MUO"]);
para (deixe [chave, valor] de setObj.entries ()) {
console.log (valor da chave);
}

Saída:

verdade
verdade
verdade

Relacionado: Como usar loops em JavaScript

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

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

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

Saída:

15

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

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

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

Saída:

1
2
3
4
5

Relacionado: Uma introdução aos iteradores e geradores em JavaScript

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

Agora você sabe como criar conjuntos em JavaScript

Então, aí está. Depois de ler este artigo, você deve ter muito para ajudá-lo a dominar a criação de conjuntos em JavaScript.

A criação de conjuntos é crucial para qualquer programador que deseja aprimorar seu jogo. Depois de dominar isso, você pode prosseguir para aperfeiçoar outras habilidades, como a criação de matrizes.

15 métodos de array JavaScript que você deve dominar hoje

Quer entender os arrays JavaScript, mas não consegue se familiarizar com eles? Verifique nossos exemplos de array de JavaScript para orientação.

Leia a seguir

Sobre o autor