Matricele JavaScript sunt structurile de date care pot stoca mai multe valori. Cu toate acestea, pot exista multe cazuri în care o matrice conține elemente duplicate. Acest ghid vă va ghida prin diferite metode pentru a elimina aceste duplicate și pentru a crea o matrice cu elemente unice.

Notă: Aflați mai multe despre matrice JavaScript

Metode de eliminare a elementelor duplicate din matricea JavaScript

Cuprins

• Folosind metoda Javascript filter().
• Folosind metoda Javascript set().
• Folosind metoda Javascript forEach().
• Folosind metoda Javascript reduce().
• Folosind metoda Javascript indexOf().
• Utilizarea bibliotecii terță parte

Folosind metoda JavaScript filter().

The metoda filter(). creează o nouă matrice de elemente care se potrivește cu condiția trecută prin funcția de apel invers. Acesta va include numai acele elemente pentru care este returnat true.

Exemplu: Codul de mai jos folosește metoda filter(). pentru a elimina duplicatul unui element din matricea JavaScript.

let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return arr.filter((item,  index) =>arr.indexOf(articol) === index); } console.log(removeDuplicates(arr));>>>   
  Ieșire   
[ 'apple', 'mango', 'orange' ] 
    
    Folosind metoda JavaScript set().     
 
 Această metodă setează un nou tip de obiect cu ES6 (ES2015) care vă permite să creați colecții de valori unice.  
  
    Exemplu:     Acest exemplu folosește JavaScript   metoda set().   pentru a elimina duplicatele dintr-o matrice.  
Javascript   
let arr = ['apple', 'mango', 'apple',  'orange', 'mango', 'mango']; function removeDuplicates(arr) {  return [...new Set(arr)]; } console.log(removeDuplicates(arr)); 
    
  Ieșire     
    Folosind metoda JavaScript forEach().     
 
 Prin folosirea   metoda forEach().   , putem itera elementele din matrice și vom împinge în noua matrice dacă nu există în matrice.  
  
    Exemplu:     Metoda forEach() este folosită pentru a elimina elementele din matricea JavaScript din codul de mai jos.  
Javascript   
let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { unic.push(element);  } });  returnează unic; } console.log(removeDuplicates(arr));>>>   
  Ieșire   
[ 'apple', 'mango', 'orange' ] 
    
    Folosind metoda JavaScript reduce().     
 
 The   metoda reduce().   este folosit pentru a reduce elementele matricei și a le combina într-o matrice finală bazată pe o funcție de reducere pe care o treceți.  
  
    Exemplu:     Metoda reduce() este folosită pentru a elimina duplicatele dintr-o matrice în 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)); 
    
  Ieșire     
    Folosind metoda JavaScript indexOf().     
 
 The   metoda indexOf().   este folosit pentru a găsi primul indice de apariție al unui element de matrice. putem itera elementele din matrice și vom împinge în noua matrice dacă nu există în matricea rezultată.  
  
    Exemplu:     Exemplul de cod de mai jos folosește metoda metodei indexOf() pentru a elimina duplicatele dintr-o matrice.  
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)); 
    
  Ieșire   
[ 'apple', 'mango', 'orange' ] 
  
    Utilizarea bibliotecii terță parte     
 
 De asemenea, putem folosi o bibliotecă terță parte, cum ar fi   Lodash   sau   Underscore.js   pentru a elimina elementele duplicate dintr-o matrice Javascript. The   Funcția _.uniq().   returnează tabloul care nu conține elemente duplicat.  
  
    Exemplu: The     Funcția _.uniq() a bibliotecii underscore.js este utilizată în codul de mai jos pentru a elimina elemente dintr-o matrice.  
HTML