Matriz única de JavaScript

1. Obtenga los valores únicos de un array usando la función Set() en JavaScript
2. Obtenga los valores únicos de un array usando la función indexOf() en JavaScript
3. Obtenga los valores únicos de un array usando la función filter() en JavaScript

Este tutorial discutirá cómo obtener los valores únicos de un array usando las funciones Set(), indexOf() y filter() en JavaScript.

Obtenga los valores únicos de un array usando la función Set() en JavaScript

Para obtener valores únicos de un array, podemos usar la función Set(), que crea una nueva matriz con valores únicos del array existente. Por ejemplo, creemos un array con valores duplicados, creemos una nueva con valores únicos usando la función Set() y mostremos el resultado en la consola usando la función console.log() en JavaScript. Vea el código a continuación.

var myArray = ['c', 'b', 'c', 2, 'b'];
var uniqueArray = [...new Set(myArray)]
console.log('Original Array = ', myArray);
console.log('Array with unique values = ', uniqueArray);

Producción :

Original Array =  (5) ["c", "b", "c", 2, "b"]
Array with unique values =  (3) ["c", "b", 2]

En la salida, la nueva matriz no contiene valores duplicados.

Obtenga los valores únicos de un array usando la función indexOf() en JavaScript

Para obtener valores únicos de un array, podemos crear nuestra propia función usando la función indexOf() y un bucle, que creará una nueva matriz con valores únicos del array existente. Usaremos el array para mover los elementos a la nueva matriz y la función indexOf() para verificar si un elemento ya está presente en la nueva matriz o no.

Si el elemento no está en la nueva matriz, se moverá a la nueva matriz; de lo contrario, permanecerá. Por ejemplo, creemos un array con valores duplicados, luego creemos una nueva matriz con valores únicos usando nuestra función y mostremos el resultado en la consola usando la función console.log() en JavaScript. Vea el código a continuación.

function uArray(array) {
  var out = [];
  for (var i = 0, len = array.length; i < len; i++)
    if (out.indexOf(array[i]) === -1) out.push(array[i]);
  return out;
}
var myArray = ['c', 'b', 'c', 2, 'b'];
var uniqueArray = uArray(myArray);
console.log('Original Array = ', myArray);
console.log('Array with unique values = ', uniqueArray);

Producción :

Original Array =  (5) ["c", "b", "c", 2, "b"]
Array with unique values =  (3) ["c", "b", 2]

Aquí, la nueva matriz no contiene valores duplicados.

Obtenga los valores únicos de un array usando la función filter() en JavaScript

Para obtener valores únicos de un array, podemos usar la función filter(), que crea una nueva matriz filtrando los valores del array existente dependiendo de una condición particular. La función filter() comprobará cada valor presente en el array original. Si un valor es un duplicado, la función lo eliminará; de lo contrario, el valor se agregará a la nueva matriz.

Por ejemplo, creemos un array con valores duplicados, creemos una nueva matriz con valores únicos usando la función filter() y mostremos el resultado en la consola usando la función console.log() en JavaScript. Vea el código a continuación.

var myArray = ['c', 'b', 'c', 2, 'b'];
var uniqueArray = myArray.filter((val, ind, arr) => arr.indexOf(val) === ind);
console.log('Original Array = ', myArray);
console.log('Array with unique values = ', uniqueArray);

Producción :

Original Array =  (5) ["c", "b", "c", 2, "b"]
Array with unique values =  (3) ["c", "b", 2]

Como puede ver aquí, la nueva matriz no contiene valores duplicados.