Impareremo come ottenere tutti i valori univoci (rimuovere i duplicati) in un array JavaScript. Dato un array con vari valori, il nostro obiettivo è filtrare eventuali duplicati e visualizzare l'array risultante nella console.

ottieni tutti i valori univoci (rimuovi i duplicati) in un array JavaScript

Possiamo ottenere tutti i valori univoci in un array JavaScript nei seguenti modi:

come controllare le dimensioni dello schermo

Tabella dei contenuti

• Metodo 1: utilizzo del ciclo for
• Metodo 2: utilizzo del metodo Array filter():
• Metodo 3: utilizzo del metodo set()
• Metodo 4: utilizzo del metodo reduce()
• Metodo 5: utilizzo del metodo forEach()
• Metodo 6: utilizzo del metodo indexOf()
• Metodo 7: utilizzo della funzione Underscore.js _.uniq()

Metodo 1: Utilizzo del ciclo for

per ciclo Il metodo ha controllato ogni valore dell'array originale (listArray) con ogni valore dell'array di output (outputArray) in cui vengono rimossi i valori duplicati. Se il valore corrente non esiste nell'array di output con valori univoci, aggiungi l'elemento all'array di output.

Esempio: Questo esempio genera una matrice univoca di valori stringa.

// Creating a 3x4 two-dimensional array let Arr = [  'Manish', 'Chandan', 'Piyush',  'Sunil', 'Pankaj', 'Piyush',  'Pankaj', 'Tiny', 'Chandan',  'Manish']; let outputArray = []; // Count variable is used to add the // new unique value only once in the // outputArray. let count = 0; // Start variable is used to set true // if a repeated duplicate value is // encontered in the output array. let start = false; for (let j = 0; j < Arr.length; j++) {  for (let k = 0; k < outputArray.length; k++) {  if (Arr[j] == outputArray[k]) {  start = true;  }  }  count++;  if (count == 1 && start == false) {  outputArray.push(Arr[j]);  }  start = false;  count = 0; } console.log(outputArray);>

[ 'Manish', 'Chandan', 'Piyush', 'Sunil', 'Pankaj', 'Tiny' ]>

Metodo 2: utilizzo del metodo Array filter():

La funzione arr.filter() viene utilizzata per creare un nuovo array da un array esistente costituito solo da quegli elementi dell'array specificato che soddisfano una condizione impostata dalla funzione argomento.

Esempio: In questo esempio utilizzeremo l'array filtro() metodo per rimuovere i duplicati dall'array.

let Arr = [  'g', 'e', 'e', 'k', 's',   'f', 'o', 'r', 'g', 'e',   'e', 'k', 's' ]; let outputArray = []; function removewithfilter(arr) {  let outputArray = arr.filter(function (v, i, self) {  // It returns the index of the first  // instance of each value  return i == self.indexOf(v);  });  return outputArray; } console.log(removewithfilter(Arr));>

[ 'g', 'e', 'k', 's', 'f', 'o', 'r' ]>

Metodo 3: utilizzo del metodo set()

Un set è una raccolta di elementi unici, ovvero nessun elemento può essere ripetuto. I set in ES6 sono ordinati: gli elementi del set possono essere iterati nell'ordine di inserimento. L'insieme può memorizzare qualsiasi tipo di valore, sia esso primitivo o oggetti.

Esempio: In questo esempio utilizzeremo il file metodo set() per rimuovere i duplicati dall'array.

let Arr = [  'DS', 'Algo', 'OS', 'HTML', 'DS',  'OS', 'Java', 'HTML', 'Algo' ]; let outputArray = []; function removeusingSet(arr) {  let outputArray = Array.from(new Set(arr))  return outputArray } console.log(removeusingSet(Arr));>

[ 'DS', 'Algo', 'OS', 'HTML', 'Java' ]>

Metodo 4: utilizzo del metodo 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: In questo esempio vedremo l'utilizzo del metodo reduce().

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

Metodo 5: utilizzo del metodo forEach()

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

Esempio: In questo esempio vedremo l'utilizzo del metodo forEach().

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

Metodo 6: Utilizzando il metodo 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: In questo esempio vedremo l'utilizzo del metodo indexOf().

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

Metodo 7: Utilizzo della funzione Underscore.js _.uniq()

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

ciclo di vita dello sviluppo del software

Esempio: In questo esempio utilizzeremo la funzione _.uniq().

const _ = require('underscore'); console.log( _.uniq([1, 2, 3, 4, 5, 4, 3, 2, 1]));>

Produzione:

[ 1, 2, 3, 4, 5 ]>