Cómo obtener valores únicos de Array en JavaScript

La matriz se utiliza para almacenar datos, y es una de las estructuras de datos más ampliamente utilizadas. JavaScript le permite almacenar datos utilizando matrices. Sin embargo, a veces, se requiere eliminar elementos redundantes de las matrices. En JavaScript, hay diferentes métodos disponibles para obtener valores únicos de una matriz.

Este manual discutirá los métodos para obtener valores únicos de una matriz.

Cómo obtener valores únicos de Array en JavaScript?

Para obtener valores únicos de una matriz, existen diferentes métodos que se enumeran a continuación:

• • en bucle
  • Set () constructor
  • Método Filter ()

Entendamos el funcionamiento de estos métodos.

Método 1: Obtenga valores únicos de la matriz usando para bucle

Para obtener valores únicos, el método más fácil y más utilizado es el "para" bucle. Iterará la matriz completa, extraerá los elementos únicos y eliminará los elementos duplicados si se produce.

Ejemplo

Primero, crearemos una variedad de números uniformes llamados "Evenarray"Eso contiene algunos números incluso duplicados. En JavaScript, usaremos "varilla"Para crear cualquier variable o una matriz con un alcance global:

var evenArray = [2,6,8,12,18,4,2,18];

Ahora, crearemos una matriz vacía llamada "matriceut"Eso se utilizará para almacenar valores únicos de una matriz:

var arrayOut = [];

Un recuento variable inicializado con "0"Se usará en el bucle for para la iteración:

Var Count = 0;

Inicializaremos el "comenzar"Variable con"FALSO"Eso se establecerá como"verdadero"Durante la iteración si el elemento de una matriz es igual a la variable en Arrayout. También se utiliza para verificar los valores duplicados:

var inicio = falso;

Ahora, iteraremos la matriz hasta su longitud y empujaremos los elementos en una matriz creada vacía verificando cada elemento. Si el elemento de una matriz es equivalente a la matriz "matriceut", No se seleccionará:

para (i = 0; i < evenArray.length; i++)
para (j = 0; j < arrayOut.length; j++)
if (evenArray [i] == Arrayout [j])
inicio = verdadero;


contar ++;
if (count == 1 && start == false)
matriceut.Push (EvenArray [i]);

inicio = falso;
recuento = 0;

Finalmente, imprimiremos la matriz con valores únicos utilizando el "consola.registro()" método:

consola.log (arrayout);

La salida mostrará los valores únicos de la matriz:

Pasemos al siguiente método para obtener un valor único de una matriz.

Método 2: Obtener valores únicos de la matriz usando el constructor set ()

El javascript "Colocar()"El constructor representa un conjunto que es la colección de valores únicos. Da la nueva matriz con valores únicos como salida después de aceptar una matriz como argumento. Es el método más simple para extraer los valores únicos de una matriz.

Sintaxis

Siga la siguiente sintaxis para usar el método set ():

nuevo conjunto (matriz);

Ejemplo

Tomaremos la misma matriz utilizada en el ejemplo anterior y la pasaremos a un constructor set () que devuelve la matriz de elementos únicos:

consola.log (nuevo set (inclusonumbers));

Puede ver que la matriz existente era de tamaño "9"Si bien el tamaño de la matriz resultante es"6", Eso indica que los valores duplicados se eliminan con éxito:

Veamos otro método para obtener un valor único de una matriz.

Método 3: Obtenga valores únicos de la matriz usando Array.Método Filter ()

Hay otro método en JavaScript para obtener valores únicos de una matriz que es "Formación.filtrar()". Este método crea una nueva matriz filtrando o eliminando los valores duplicados de la matriz existente.

Sintaxis

La siguiente sintaxis se usa para el método Filter ():

formación.Filtro ((CurrentValue, Index, Array))

Aquí el "valor actual"Almacena el valor del elemento que se está procesando actualmente en una matriz",índice"Es el índice de ese elemento, y"formación"Es la matriz que llamará al"filtrar()" método.

Ejemplo

En este ejemplo, usaremos la matriz ya creada y luego filtraremos los valores de la matriz usando el método filtre (). La matriz.El método filtre () filtrará los valores y solo agregará los valores únicos a la nueva matriz:

var newArray = Evennumbers.filtro ((valor, índice, self) => self.indexOf (valor) === índice);

Por último, imprimiremos los elementos de la matriz usando el "consola.registro()" método:

consola.log (newArray);

La salida indica que se eliminan los valores duplicados:

Ofrecimos todos los métodos relacionados para obtener valores únicos de una matriz.

Conclusión

Para obtener valores únicos de una matriz, puede usar el "para"Loop, el"Colocar()"Constructor, y el"Formación.filtrar()" método. El bucle for es el método más utilizado para obtener elementos únicos iterando la matriz. El constructor set () y el método filtre () son los métodos predefinidos en JavaScript que pueden obtener valores únicos de una matriz. En este manual, discutimos los métodos para obtener valores únicos de una matriz.