Gli array JavaScript sono le strutture dati che possono memorizzare più valori. Tuttavia, potrebbero verificarsi molti casi in cui un array contiene elementi duplicati. Questa guida ti guiderà attraverso vari metodi per rimuovere questi duplicati e creare un array con elementi univoci.

Nota: Ulteriori informazioni sugli array JavaScript

Metodi per rimuovere elementi duplicati dall'array JavaScript

istanza di in Java

Tabella dei contenuti

• Utilizzo del metodo Javascript filter()
• Utilizzo del metodo Javascript set()
• Utilizzo del metodo Javascript forEach()
• Utilizzo del metodo Javascript reduce()
• Utilizzo del metodo Javascript indexOf()
• Utilizzo della libreria di terze parti

Utilizzo del metodo JavaScript filter()

IL metodo filtro() crea un nuovo array di elementi che corrisponde alla condizione passata tramite la funzione di callback. Includerà solo gli elementi per i quali viene restituito true.

Esempio: Il codice seguente utilizza il file metodo filtro() per rimuovere il duplicato di un elemento nell'array JavaScript.

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

[ 'apple', 'mango', 'orange' ]>

Utilizzo del metodo JavaScript set()

Questo metodo imposta un nuovo tipo di oggetto con ES6 (ES2015) che consente di creare raccolte di valori univoci.

Esempio: Questo esempio utilizza JavaScript metodo set() per rimuovere i duplicati da un array.

riduzione di Python

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

[ 'apple', 'mango', 'orange' ]>

Utilizzo del metodo JavaScript forEach()

Utilizzando il metodo forEach() , possiamo scorrere gli elementi nell'array e inseriremo il nuovo array se non esiste nell'array.

Esempio: Il metodo forEach() viene utilizzato per rimuovere gli elementi dall'array JavaScript nel codice seguente.

metodo Java uguale

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(elemento)) { unique.push(elemento);  } });  restituire univoco; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Utilizzo del metodo JavaScript reduce()

IL metodo ridurre() viene utilizzato per ridurre gli elementi dell'array e combinarli in un array finale basato su una funzione di riduzione passata.

Esempio: Il metodo reduce() viene utilizzato per rimuovere i duplicati da un array in 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));>

[ 'apple', 'mango', 'orange' ]>

Utilizzo del metodo JavaScript indexOf()

IL metodo indiceOf() viene utilizzato per trovare il primo indice di occorrenza di un elemento dell'array. possiamo scorrere gli elementi nell'array e inseriremo il nuovo array se non esiste nell'array risultante.

Esempio: L'esempio di codice seguente utilizza il metodo indexOf() per rimuovere i duplicati da un array.

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

Utilizzo della libreria di terze parti

Possiamo anche utilizzare una libreria di terze parti come Lodash O Sottolineato.js per rimuovere elementi duplicati da un array Javascript. IL _.uniq() funzione restituisce l'array che non contiene elementi duplicati.

Esempio: Il La funzione _.uniq() della libreria underscore.js viene utilizzata nel codice seguente per rimuovere elementi da un array.