Novo conjunto de Javascript

| | | | | | |

Como usar conjuntos em JavaScript

Você tem uma lista de dados que deve conter apenas valores exclusivos? É aqui que o tipo de dados JavaScript Set realmente brilha. É um novo tipo de objeto que permite criar uma coleção de valores únicos; nenhuma duplicata é permitida em um conjunto.

Neste guia, falaremos sobre o que são conjuntos, como funcionam e quando podem ser úteis. Veremos alguns exemplos de cada um dos métodos Set disponíveis em JavaScript.

O que é um conjunto?

Um conjunto é uma coleção de valores ‚Äã‚Äãque não podem conter duplicatas. Esse tipo de dados foi introduzido no ECMAScript 6. Em particular, os conjuntos são um recurso de muitas outras linguagens de programação.

As listas são úteis porque permitem armazenar vários valores. As listas permitem o armazenamento de valores duplicados, o que pode ser útil em diversos cenários.

Por exemplo, se você estiver arquivando uma lista de pedidos de cafeteria, precisará armazenar valores duplicados . Dois clientes podem pedir a mesma bebida.

Em alguns casos, você pode querer armazenar apenas valores únicos ‚Äã‚Äãem uma lista. É aqui que você deseja usar o objeto Set. Os valores nos conjuntos podem aparecer apenas uma vez.

Em JavaScript, um conjunto é declarado como qualquer outro objeto. Vamos criar um Set que armazene uma lista de bolos favoritos relatados por clientes em um salão de chá local:

Nosso código retorna: Set []. Acabamos de criar um conjunto. Não tem valor no momento, como você pode ver na saída do nosso código; vamos adicioná-los mais tarde.

Inicie o conjunto padrão Valores ‚Äã‚Äã

Os conjuntos podem ser inicializados a partir de um array, string ou outro iterável. Isso é útil porque significa que você não precisa adicionar manualmente valores ‚Äã‚Äãao seu Set; você pode trabalhar com os existentes.

Considere a seguinte lista:

Esses valores ‚Äã‚Äãestão armazenados no momento em um array. Para convertê-los em Set, podemos passar nosso array ao criar um novo objeto Set:

Nosso código retorna:

Adicionando valores a um conjunto

O objeto Ensembl e vem com um método chamado add() que facilita a adição de itens s para um conjunto. O nome do método usado para adicionar um elemento a um conjunto é até fácil de lembrar: add().

Digamos que queremos adicionar "Boston Cream Pie " à nossa lista de bolos que são vendidos em uma padaria local. Usamos o método add() para adicionar este valor:

Nosso código retorna:

Nosso conjunto agora contém quatro objetos. Se você tentar adicionar um objeto que já está em um conjunto, esse objeto não será adicionado. Conjuntos não podem armazenar valores duplicados.

Verifique se existe um valor em um conjunto

Precisamos verificar se "Boston Cream Pie" está em nossa lista de bolos. Foi uma nova adição à lista de bolos e o padeiro quer verificar se a adicionamos.

É aqui que entra o método has (). O has() permite verificar se um Set tem um valor específico. Mais uma vez, o método tem um nome fácil de lembrar!

Considere o seguinte código:

Nosso código retorna: true. O método has() retorna um valor booleano, true ou false, dependendo se um Set contém um valor específico. Este método é semelhante a includes () que você usaria em um array, mas has () só funciona com conjuntos.

Remover um valor de um conjunto

O padeiro decidiu que cheesecakes de morango não serão mais servidos na padaria. O cheesecake de morango demorava mais do que os outros bolos e não era muito popular.

Você pode excluir um valor de um conjunto usando o método delete() apropriado. Vamos remover o valor " Strawberry Cheesecake" do nosso conjunto:

Nosso código retorna:

Cheesecake de morango foi removido do nosso conjunto.

Você pode remover todos os valores ‚Äã‚Äãde um conjunto usando o método clear().

Iterar sobre um conjunto

Conjuntos, como listas, são objetos iteráveis. Você sabe o que isso significa - você pode navegar por eles.

Vamos usar um loop for-each para percorrer nosso conjunto de bolos. Nosso loop for-each examinará cada item em nossa lista - para cada item na lista - e o enviará para o console:

Nosso código retorna um iterador que imprime cada valor do nosso Set no console: < / p>

C ` é tão simples ! loop for-of:

Este código retorna a mesma saída que nosso loop forEach:

Você pode optar por usar um loop for para navegar em um conjunto, mas como os conjuntos são iteráveis ou ggetti, é mais fácil use um loop for-each ou for-of .

Removendo valores duplicados ‚Äã‚Äãusando Set

Quando você inicializa um Set com um array, todos os valores duplicados ‚Äã‚Äãwill ser removido automaticamente. É um recurso incrivelmente útil.

Digamos que temos uma lista que contém vários pedidos de bolo:

Este conjunto contém todos os pedidos de bolo feitos na padaria. No total, são oito valores; dois valores ‚Äã‚Äãestão duplicados.

Suponha que o padeiro queira saber que tipos de tortas foram pedidas, para que ele possa começar a cozinhar sua própria cozinha. Podemos descobrir por convertendo nosso Set em uma lista:

Nosso código retorna:

Nossa lista foi reduzida para seis valores. Todos esses são valores únicos ‚Äã‚Äão em nossa lista de pedidos. Falta um passo.

Precisamos converter nosso conjunto de bolos de volta para uma lista para que possamos interagir com ele usando a lista padrão métodos. n então faça isso usando o método Array.from():

Nosso código retorna:

Enquanto a saída deste código é semelhante ao nosso conjunto, há é uma grande diferença: nossos dados agora são armazenados como uma matriz. Isso significa que podemos interagir com ele usando todos os métodos de array JavaScript integrados.

Conclusão

O objeto Set permite que você armazene uma lista de itens que podem conter apenas um itens valorizados. Os conjuntos podem ser inicializados a partir de um objeto iterável existente, como uma lista ou uma string.

Como o objeto Set remove valores duplicados, você pode usá-lo como uma forma de remover duplicatas de uma matriz. Então, quando terminar, você pode converter seu conjunto novamente em uma tabela.

Agora você está pronto para começar a usar conjuntos em JavaScript como um profissional!

Novo conjunto de Javascript __del__: Questions

Novo conjunto de Javascript __delete__: Questions

Shop

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method