Como mesclar duas matrizes em itens JavaScript e desduplicar

Como mesclar duas matrizes em itens JavaScript e desduplicar
Pode haver um requisito durante a programação em JavaScript, como omitir a repetição dos elementos. Por exemplo, classificando os dados de modo que nenhum registro seja repetido para evitar valores de lixo. Nesses cenários, a fusão de duas matrizes em JavaScript auxilia na melhoria da relevância dos dados e gerenciando a memória efetivamente.

Este tutorial demonstrará os métodos para mesclar duas matrizes e desduplicar itens em javascript.

Como mesclar/combinar duas matrizes e desduplicar itens em javascript?

Para mesclar/combinar duas matrizes e desduplicar itens em JavaScript, siga as seguintes abordagens:

  • ““concat ()" e "filtro()" métodos.
  • ““espalhar(… )Operador e “Definir()”Construtor.

Método 1: Mesclar duas matrizes e desduplicar em JavaScript usando métodos concat () e filtro ()

O "concat ()”O método mescla duas ou mais matrizes, e o“filtro()”O método filtra os elementos baseados em uma condição e os armazena em uma nova matriz. Esses métodos podem ser aplicados para mesclar duas matrizes e extrair os itens duplicados da matriz fundida resultante.

Sintaxe

corda.concat (string1, string2,…, stringx)

Na sintaxe dada:

  • ““corda" e "String1“Consulte as cordas que precisam ser concatenadas.
variedade.filtro (função (currentValue, índice, arr), thisValue)

Na sintaxe acima:

  • ““função()”: A função que precisa ser executada para todos os elementos de uma matriz. Seus parâmetros indicam o valor, o índice e a matriz do elemento atual.
  • ““Este valor”: É um parâmetro opcional.

Exemplo

Vamos passar pelo exemplo abaixo do ponto:

No bloco de código acima:

  • Crie duas matrizes chamadas “FirstArray" e "SecondArray”, Respectivamente, e exibi -los.
  • Depois disso, aplique o “concat ()”Método para mesclar e armazenar as matrizes dadas na variável.
  • Na próxima etapa, aplique o “filtro()" e "índice de()”Métodos em combinação através do“operador estrito de igualdade (===)”Para aplicar um cheque em cada um dos elementos da matriz, de modo que nenhuma duplicação seja realizada.
  • Por fim, anexe os itens filtrados em uma matriz separada.

Saída

A saída mostra que as matrizes fornecidas são mescladas em uma matriz e remova os itens duplicados.

Método 2: Mesclar duas matrizes e itens desduplicados em JavaScript usando o operador Spread (…) e o construtor Set ()

O "novoPalavra -chave, juntamente com a “Definir()”O construtor, é usado para criar um novo objeto definido e o“espalhar(… )”O operador permite copiar o elemento ou objeto da matriz em outro. Essas abordagens podem ser usadas para remover a duplicação nos elementos e colocá -los em uma matriz separada.

Sintaxe

Var Variable = [… Valor]

Nesta sintaxe, “valor”Pode ser um objeto, método ou função.

Exemplo

Vamos passar pelo exemplo do código:

No trecho de código acima:

  • Da mesma forma, defina duas matrizes com os valores declarados e exibi -los.
  • Na próxima etapa, crie um conjunto através do “Definir()”Construtor e aplique o“Operador espalhado (…)”, Que omitirá os valores duplicados em matrizes e os armazenará em uma matriz separada.
  • Por fim, exiba a matriz resultante com itens desduplicados no console.

Saída

O resultado significa que as matrizes especificadas são combinadas em uma única matriz e as entidades duplicadas são removidas.

Conclusão

Para mesclar duas matrizes e desduplicar os itens em JavaScript, use o combinado “concat ()" e "filtro()”Métodos ou os“espalhar(… )Operador e “Definir()”Construtor. As abordagens anteriores podem ser aplicadas para mesclar os elementos com base em uma condição e armazená -los em uma matriz separada. A última abordagem pode ser usada para simplesmente desduplicar os elementos em um novo conjunto. Este tutorial demonstrou os métodos para mesclar/combinar duas matrizes e desduplicar itens em javascript.