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