logo

Eliminar elementos duplicados de la matriz de JavaScript

Las matrices de JavaScript son estructuras de datos que pueden almacenar múltiples valores. Sin embargo, puede haber muchos casos en los que una matriz contenga elementos duplicados. Esta guía lo guiará a través de varios métodos para eliminar estos duplicados y crear una matriz con elementos únicos.

Nota: Más información sobre las matrices de JavaScript



eliminar-matriz-duplicada-de-javascript

Métodos para eliminar elementos duplicados de una matriz de JavaScript

Tabla de contenidos



Usando el método JavaScript filter()

El método filtro() crea una nueva matriz de elementos que coincide con la condición pasada a través de la función de devolución de llamada. Incluirá sólo aquellos elementos para los cuales se devuelve verdadero.

java booleano a cadena

Ejemplo: El siguiente código utiliza el método filtro() para eliminar duplicados de un elemento en una matriz de JavaScript.

JavaScript
let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(elemento) === índice); } console.log(removeDuplicates(arr));>

Producción
[ 'apple', 'mango', 'orange' ]>

Usando el método set() de JavaScript

Este método establece un nuevo tipo de objeto con ES6 (ES2015) que le permite crear colecciones de valores únicos.



director Karan Johar

Ejemplo: Este ejemplo utiliza JavaScript. método establecer () para eliminar duplicados de una matriz.

JavaScript
let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return [...new Set(arr)]; } console.log(removeDuplicates(arr));>

Producción
[ 'apple', 'mango', 'orange' ]>

Usando el método JavaScript para cada()

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: El método forEach() se utiliza para eliminar los elementos de la matriz de JavaScript en el siguiente código.

JavaScript
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));>

Producción
[ 'apple', 'mango', 'orange' ]>

Usando el método JavaScript 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: El método reduce() se utiliza para eliminar duplicados de una matriz en JavaScript.

JavaScript
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));>

Producción
[ 'apple', 'mango', 'orange' ]>

Usando el método indexOf() de JavaScript

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: El siguiente ejemplo de código utiliza el método indexOf() para eliminar duplicados de una matriz.

JavaScript
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));>

Producción
[ 'apple', 'mango', 'orange' ]>

Usando una biblioteca de terceros

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

Ejemplo: el La función _.uniq() de la biblioteca underscore.js se utiliza en el siguiente código para eliminar elementos de una matriz.

HTML