logo

Eliminați elementele duplicate din matricea JavaScript

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



eliminați-duplicate-array-din-javascript

Metode de eliminare a elementelor duplicate din matricea JavaScript

Cuprins



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.

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ă.

instanceof în java

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