Les matrius de JavaScript són les estructures de dades que poden emmagatzemar diversos valors. Tanmateix, hi pot haver molts casos en què una matriu contingui elements duplicats. Aquesta guia us guiarà a través de diversos mètodes per eliminar aquests duplicats i crear una matriu amb elements únics.

Nota: Més informació sobre les matrius de JavaScript

Mètodes per eliminar elements duplicats de la matriu JavaScript

Taula de contingut

• Utilitzant el mètode Javascript filter().
• Utilitzant el mètode Javascript set().
• Utilitzant el mètode Javascript forEach().
• Utilitzant el mètode reduce() de Javascript
• Utilitzant el mètode indexOf() de Javascript
• Ús de la biblioteca de tercers

Utilitzant el mètode JavaScript filter().

El mètode filter(). crea una nova matriu d'elements que coincideix amb la condició passat a través de la funció de devolució de trucada. Només inclourà aquells elements per als quals es retorna true.

canviar la programació java

Exemple: El codi següent utilitza el mètode filter(). per eliminar el duplicat d'un element a la matriu JavaScript.

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(element) === índex); } console.log(removeDuplicates(arr));>>>  
  Sortida  
[ 'apple', 'mango', 'orange' ]>
  
    Utilitzant el mètode JavaScript set().    
Aquest mètode estableix un nou tipus d'objecte amb ES6 (ES2015) que us permet crear col·leccions de valors únics.
enumeracions java
 
    Exemple:    Aquest exemple utilitza JavaScript mètode set(). per eliminar duplicats d'una matriu.
Javascript 
let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return [...new Set(arr)]; } console.log(removeDuplicates(arr));>
   
  Sortida  

Utilitzant el mètode JavaScript forEach().

Mitjançant l'ús de mètode forEach(). , podem iterar sobre els elements de la matriu i introduirem a la nova matriu si no existeix a la matriu.

Exemple: El mètode forEach() s'utilitza per eliminar els elements de la matriu JavaScript del codi següent.

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.inclou (element)) { unique.push (element);  }});  retorn únic; } console.log(removeDuplicates(arr));>>>  
  Sortida  
[ 'apple', 'mango', 'orange' ]>
  
    Utilitzant el mètode reduce() de JavaScript    
El mètode reduce(). s'utilitza per reduir els elements de la matriu i combinar-los en una matriu final basada en alguna funció reductora que passeu.
 
    Exemple:    El mètode reduce() s'utilitza per eliminar duplicats d'una matriu 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));>
   
  Sortida  

Utilitzant el mètode JavaScript indexOf().

El mètode indexOf(). s'utilitza per trobar el primer índex d'ocurrència d'un element de matriu. podem iterar sobre els elements de la matriu, i introduirem a la nova matriu si no existeix a la matriu resultant.

Exemple: L'exemple de codi següent utilitza el mètode del mètode indexOf() per eliminar els duplicats d'una matriu.

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' ]>

Ús de la biblioteca de tercers

També podem utilitzar una biblioteca de tercers com ara Lodash o Underscore.js per eliminar elements duplicats d'una matriu Javascript. El funció _.uniq(). retorna la matriu que no conté elements duplicats.

Exemple: El La funció _.uniq() de la biblioteca underscore.js s'utilitza al codi següent per eliminar elements d'una matriu.