Vamos a aprender cómo obtener todos los valores únicos (eliminar duplicados) en una matriz de JavaScript. Dada una matriz con varios valores, nuestro objetivo es filtrar los duplicados y mostrar la matriz resultante en la consola.

obtener todos los valores únicos (eliminar duplicados) en una matriz de JavaScript

Podemos obtener todos los valores únicos en una matriz de JavaScript de las siguientes maneras:

alya manasa

Tabla de contenidos

• Método 1: usar el bucle for
• Método 2: uso del método Array filter():
• Método 3: uso del método set()
• Método 4: uso del método reduce()
• Método 5: uso del método forEach()
• Método 6: uso del método indexOf()
• Método 7: uso de la función Underscore.js _.uniq()

Método 1: Usando bucle for

en bucle El método verificó cada valor de la matriz original (listArray) con cada valor de la matriz de salida (outputArray) donde se eliminan los valores duplicados. Si el valor actual no existe en la matriz de salida con valores únicos, agregue el elemento a la matriz de salida.

Ejemplo: Este ejemplo genera una matriz única de valores de cadena.

// Creating a 3x4 two-dimensional array let Arr = [  'Manish', 'Chandan', 'Piyush',  'Sunil', 'Pankaj', 'Piyush',  'Pankaj', 'Tiny', 'Chandan',  'Manish']; let outputArray = []; // Count variable is used to add the // new unique value only once in the // outputArray. let count = 0; // Start variable is used to set true // if a repeated duplicate value is // encontered in the output array. let start = false; for (let j = 0; j < Arr.length; j++) {  for (let k = 0; k < outputArray.length; k++) {  if (Arr[j] == outputArray[k]) {  start = true;  }  }  count++;  if (count == 1 && start == false) {  outputArray.push(Arr[j]);  }  start = false;  count = 0; } console.log(outputArray);>

[ 'Manish', 'Chandan', 'Piyush', 'Sunil', 'Pankaj', 'Tiny' ]>

Método 2: uso del método Array filter():

La función arr.filter() se utiliza para crear una nueva matriz a partir de una matriz existente que consta únicamente de aquellos elementos de la matriz dada que satisfacen una condición establecida por la función de argumento.

Ejemplo: En este ejemplo, usaremos la matriz filtrar() Método para eliminar duplicados de la matriz.

let Arr = [  'g', 'e', 'e', 'k', 's',   'f', 'o', 'r', 'g', 'e',   'e', 'k', 's' ]; let outputArray = []; function removewithfilter(arr) {  let outputArray = arr.filter(function (v, i, self) {  // It returns the index of the first  // instance of each value  return i == self.indexOf(v);  });  return outputArray; } console.log(removewithfilter(Arr));>

[ 'g', 'e', 'k', 's', 'f', 'o', 'r' ]>

Método 3: uso del método set()

Un conjunto es una colección de elementos que son únicos, es decir, ningún elemento se puede repetir. Los conjuntos en ES6 están ordenados: los elementos del conjunto se pueden iterar en el orden de inserción. El conjunto puede almacenar cualquier tipo de valor, ya sea primitivo u objeto.

Ejemplo: En este ejemplo, usaremos el método set() para eliminar duplicados de la matriz.

let Arr = [  'DS', 'Algo', 'OS', 'HTML', 'DS',  'OS', 'Java', 'HTML', 'Algo' ]; let outputArray = []; function removeusingSet(arr) {  let outputArray = Array.from(new Set(arr))  return outputArray } console.log(removeusingSet(Arr));>

[ 'DS', 'Algo', 'OS', 'HTML', 'Java' ]>

Método 4: uso del método reduce()

El método reducir() se usa para reducir los elementos de la matriz y combinarlos en una matriz final basada en alguna función reductora que pase.

Ejemplo: En este ejemplo, veremos el uso del método reduce().

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango'];   function removeDuplicates(arr) {  let unique = arr.reduce(function (acc, curr) {  if (!acc.includes(curr))  acc.push(curr);  return acc;  }, []);  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Método 5: uso del método forEach()

Al utilizar el método para cada() , podemos iterar sobre los elementos de la matriz y los insertaremos en la nueva matriz si no existe en la matriz.

Ejemplo: En este ejemplo, veremos el uso del método forEach().

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.incluye(elemento)) { único.push(elemento);  } });  devolver único; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Método 6: Usando el método indexOf()

El método indexOf() se utiliza para encontrar el primer índice de aparición de un elemento de matriz. podemos iterar sobre los elementos de la matriz y los insertaremos en la nueva matriz si no existe en la matriz resultante.

Ejemplo: En este ejemplo, veremos el uso del método indexOf().

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  for (i = 0; i < arr.length; i++) {  if (unique.indexOf(arr[i]) === -1) {  unique.push(arr[i]);  }  }  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Método 7: Usando la función Underscore.js _.uniq()

También podemos utilizar una biblioteca de terceros como Lodash o Subrayado.js para eliminar elementos duplicados de un matriz de javascript . El Función _.uniq() devuelve la matriz que no contiene elementos duplicados.

jframe

Ejemplo: En este ejemplo, usaremos la función _.uniq().

const _ = require('underscore'); console.log( _.uniq([1, 2, 3, 4, 5, 4, 3, 2, 1]));>

Producción:

[ 1, 2, 3, 4, 5 ]>