Cómo eliminar elementos duplicados de la matriz de JavaScript?

Cómo eliminar elementos duplicados de la matriz de JavaScript?

En JavaScript, podemos realizar varias tareas en matrices como emitir/empujar elementos de matriz, eliminar elementos duplicados, concatenar elementos de matriz, etc. Eliminar elementos duplicados de una matriz es una tarea muy simple pero muy crucial en la vida del programador. Por lo tanto, JavaScript ofrece numerosos enfoques para eliminar elementos duplicados de una matriz, como el uso de JavaScript Set, IndexOf () Método, Filter (), etc.

Esta publicación explicará los métodos dados a continuación para eliminar los elementos de matriz duplicados en JavaScript:

  • Cómo usar Set en JavaScript para eliminar elementos de matriz duplicados?
  • Cómo eliminar elementos de matriz duplicados usando el método indexOf ()
  • Cómo eliminar los elementos de matriz duplicados usando el método Filter ()

Entonces, sin más demora, comencemos!

Cómo usar Set en JavaScript para eliminar elementos de matriz duplicados?

Un conjunto en JavaScript nos permite almacenar los elementos únicos de cualquier tipo de datos, como las referencias primitivas o de objetos. Esto significa que cada valor ocurrirá solo una vez en una colección.

Ejemplo: eliminar elementos duplicados usando set

Consideremos el siguiente fragmento de código donde tenemos una matriz llamada "lenguas"Eso consiste en algunos elementos duplicados. La tarea es eliminar esos elementos duplicados usando el conjunto de JavaScript:

1
2
3
4
VAR LANguages ​​= ["java", "javaScript", "java", "c ++", "c", "java", "c ++", "javaScript", "c ++", "java"];
consola.log ("matriz original:", idiomas);
var uniquelanguages ​​= [new Set (Languages)];
consola.log ("matriz filtrada:", uniqueLanguages);

En este programa, realizamos las siguientes funcionalidades:

  • Creó una matriz que contiene elementos duplicados.
  • Consola utilizada.Método log () para imprimir elementos de matriz originales.
  • Creó un conjunto usando el nuevo método set () llamado "uniquelanguages", y lo pasó una matriz i.mi. "Idiomas".
  • En consecuencia, el conjunto "Uniquelenguages" eliminó los idiomas duplicados y devolvió solo elementos únicos:

De esta manera, podemos utilizar el conjunto de JavaScript para eliminar elementos duplicados de una matriz.

Cómo eliminar elementos de matriz duplicados usando el método indexOf ()?

Es una función predefinida en JavaScript que se utiliza para obtener la primera ocurrencia de un elemento de matriz. Es un método sensible al caso y devuelve -1 si no identifica un valor específico. En JavaScript, podemos usar el método indexOf () junto con el método push () para eliminar los elementos duplicados de una matriz.

Ejemplo: eliminar elementos duplicados usando el método indexOf ()

En este ejemplo, utilizaremos el método indexOf () junto con el método push () para eliminar los elementos duplicados de la matriz dada:

1
2
3
4
5
6
7
8
9
10
11
12
13
VAR LANguages ​​= ["java", "javaScript", "java", "c ++", "c", "java", "c ++", "javaScript", "c ++", "java"];
funciones findUniqueElements (idiomas)
var uniqueLanguages ​​= [];
para (i = 0; i< languages.length; i++)

if (uniqueLanguages.indexOf (idiomas [i]) === -1)
singüenza.Push (idiomas [i]);


devolver uniquelguages;

consola.log ("matriz resultante:", finusUniqueElements (idiomas));

Este programa de ejemplo servirá a las funcionalidades dadas a continuación:

  • En primer lugar, creamos una matriz llamada "Idiomas" que consiste en elementos duplicados.
  • A continuación, creamos una función llamada "FindUniqueElements" y pasamos la matriz de "Idiomas" a la función "FindUniqueElements" como argumento.
  • A continuación, creamos una matriz vacía y la llamamos "uniquelguages".
  • Posteriormente, utilizamos el bucle for para atravesar la matriz de "idiomas".
  • A continuación, utilizamos el método indexOf () dentro del estado if.
  • Dentro de IF-statement, el método indexOf () verificará si el valor presente en el índice actual de la matriz "Idiomas" ya está allí en la matriz "Uniquelanguages" o no. En caso afirmativo, entonces el cuerpo de la Estado de IF no se ejecuta.
  • Mientras que si el valor presente en el índice actual de la matriz de "lenguajes" no existe en la matriz "uniquelenguages", entonces el cuerpo de la condición if se ejecutará en tal caso.
  • Dentro del cuerpo de la Estado IF, utilizamos el método Push () para agregar los elementos únicos en la matriz "Uniquelenguages".
  • Finalmente, utilizamos la consola.Método log () para imprimir la matriz de elementos únicos:

Así es como podemos obtener una variedad de elementos únicos utilizando los métodos indexOf () y push ().

Cómo eliminar elementos duplicados utilizando el método JavaScript Filter ()?

El método Filter () en JavaScript crea una nueva matriz de solo aquellos elementos que pasan una prueba específica.

Ejemplo: eliminar elementos duplicados utilizando el método filtre ()

En este programa, utilizaremos el método filtre () junto con el método indexOf () para eliminar los elementos duplicados de una matriz:

1
2
3
4
5
6
VAR LANguages ​​= ["java", "javaScript", "java", "c ++", "c", "java", "c ++", "javaScript", "c ++", "java"];
funciones findUniqueElements (idiomas)
Idiomas de regreso.Filtro ((elemento, posición) => Idiomas.indexOf (elemento) === posición);

consola.log ("matriz resultante:", finusUniqueElements (idiomas));

El programa anterior realizará las siguientes funcionalidades:

  • En primer lugar, creó una variedad de elementos duplicados.
  • A continuación, creamos una función llamada findUniqueElements y la pasamos la matriz dada i.mi., lenguas.
  • Dentro de la función, utilizamos el método de filtro junto con el método indexOf () para obtener una matriz de elementos únicos.
  • Finalmente, utilizamos la consola.Método log () para imprimir la matriz filtrada en la consola como se muestra en la matriz detallada:

Así es como podemos eliminar los elementos duplicados de una matriz utilizando el método de filtro.

Conclusión

En JavaScript, se pueden usar varios métodos para eliminar elementos de matriz duplicados, por ejemplo, el installerOf (), filtre () y el nuevo set (). Por ejemplo, un conjunto en JavaScript nos permite almacenar los elementos únicos de cualquier tipo de datos, como las referencias primitivas o de objetos. Entonces, podemos usar el set () JavaScript para eliminar los elementos de matriz duplicados. Del mismo modo, el método Filter () en JavaScript crea una nueva matriz de solo aquellos elementos que pasan una prueba específica. Entonces, el método Filter () se puede usar para obtener una variedad de elementos únicos.

Este artículo explicó diferentes métodos para eliminar elementos duplicados de una matriz utilizando algunos ejemplos adecuados.