Matriz única de JavaScript

Ammar Ali 12 octubre 2023
  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
Matriz única de 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.

Autor: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

Artículo relacionado - JavaScript Array