Cómo fusionar dos matrices en JavaScript y desduplicados elementos

Puede haber un requisito al programar en JavaScript, como omitir la repetición de los elementos. Por ejemplo, clasificar los datos de tal manera que no se repitan registros para evitar los valores de basura. En tal caso, escenarios, fusionar dos matrices en JavaScript ayuda a mejorar la relevancia de los datos y administrar la memoria de manera efectiva.

Este tutorial demostrará los métodos para fusionar dos matrices y desduplicar elementos en JavaScript.

Cómo fusionar/combinar dos matrices y desduplicarse elementos en JavaScript?

Para fusionar/combinar dos matrices y desduplicar elementos en JavaScript, siga los siguientes enfoques:

• "concat ()" y "filtrar()" métodos.
• "desparramar(… )"Operador y"Colocar()"Constructor.

Método 1: fusionar dos matrices y desduplicarse en JavaScript usando métodos concat () y filtre ()

El "concat ()"El método fusiona dos o más matrices, y el"filtrar()"El método filtra los elementos basados ​​en una condición y los almacena en una nueva matriz. Estos métodos se pueden aplicar para fusionar dos matrices y extraer los elementos duplicados de la matriz fusionada resultante.

Sintaxis

cadena.Concat (String1, String2, ..., Stringx)

En la sintaxis dada:

• "cadena" y "String1"Consulte las cuerdas que deben concatenarse.

formación.Filtro (función (CurrentValue, índice, arr), este valor)

En la sintaxis anterior:

• "función()": La función que debe ejecutarse para cada elemento de una matriz. Sus parámetros indican el valor, el índice y la matriz del elemento actual.
• "este valor": Es un parámetro opcional.

Ejemplo

Pasemos por el ejemplo declarado a continuación:

En el bloque de código anterior:

• Crear dos matrices llamadas "FirstArray" y "Segundo estrecho", Respectivamente, y mostrarlos.
• Después de eso, aplique el "concat ()Método para fusionar y almacenar las matrices dadas en la variable.
• En el siguiente paso, aplique el "filtrar()" y "índice de()"Métodos en combinación a través del"Operador de igualdad estricto (===)"Para aplicar un control sobre cada uno de los elementos de la matriz, de modo que no se realice una duplicación.
• Por último, agregue los elementos filtrados en una matriz separada.

Producción

La salida muestra que las matrices dadas se fusionan en una matriz y eliminan los elementos duplicados.

Método 2: fusionar dos matrices y elementos desduplicados en JavaScript utilizando el operador spread (...) y el constructor set ()

El "nuevo"Palabra clave, junto con el"Colocar()"Constructor, se usa para crear un nuevo objeto establecido y el"desparramar(… )"El operador le permite copiar el elemento u objeto de la matriz en otro. Estos enfoques se pueden usar para eliminar la duplicación en los elementos y colocarlos en una matriz separada.

Sintaxis

var variable = [... valor]

En esta sintaxis, "valor"Puede ser un objeto, método o función.

Ejemplo

Pasemos por el ejemplo del código:

En el fragmento de código anterior:

• Del mismo modo, defina dos matrices que tengan los valores establecidos y muestrenlos.
• En el siguiente paso, cree un conjunto a través del "Colocar()"Constructor y aplique el"Operador de propagación (...)", Que omitirá los valores duplicados en ambas matrices y los almacenará en una matriz separada.
• Por último, muestre la matriz resultante que tiene elementos desduplicados en la consola.

Producción

El resultado significa que las matrices especificadas se combinan en una sola matriz, y las entidades duplicadas se eliminan.

Conclusión

Para fusionar dos matrices y desduplicar los elementos en JavaScript, use el combinado "concat ()" y "filtrar()"Métodos o el"desparramar(… )"Operador y"Colocar()"Constructor. Los enfoques anteriores se pueden aplicar para fusionar los elementos según una condición y almacenarlos en una matriz separada. El último enfoque se puede usar para simplemente desduplicar los elementos en un nuevo conjunto. Este tutorial demostró los métodos para fusionar/combinar dos matrices y desduplicar elementos en JavaScript.