Array univoco JavaScript

1. Ottieni i valori univoci da un array usando la funzione Set() in JavaScript
2. Ottieni i valori univoci da un array usando la funzione indexOf() in JavaScript
3. Ottieni i valori univoci da un array usando la funzione filter() in JavaScript

Questo tutorial discuterà come ottenere i valori univoci da un array utilizzando le funzioni Set(), indexOf() e filter() in JavaScript.

Ottieni i valori univoci da un array usando la funzione Set() in JavaScript

Per ottenere valori univoci da un array, possiamo usare la funzione Set(), che crea un nuovo array con valori univoci dall’array esistente. Ad esempio, creiamo un array con valori duplicati, creiamone uno nuovo con valori univoci utilizzando la funzione Set() e mostriamo il risultato sulla console utilizzando la funzione console.log() in JavaScript. Vedi il codice qui sotto.

var myArray = ['c', 'b', 'c', 2, 'b'];
var uniqueArray = [...new Set(myArray)]
console.log('Original Array = ', myArray);
console.log('Array with unique values = ', uniqueArray);

Produzione:

Original Array =  (5) ["c", "b", "c", 2, "b"]
Array with unique values =  (3) ["c", "b", 2]

Nell’output, il nuovo array non contiene valori duplicati.

Ottieni i valori univoci da un array usando la funzione indexOf() in JavaScript

Per ottenere valori univoci da un array, possiamo creare la nostra funzione utilizzando la funzione indexOf() e un bucle, che creerà un nuovo array con valori univoci dall’array esistente. Useremo l’array per spostare gli elementi nel nuovo array e la funzione indexOf() per verificare se un elemento è già presente nel nuovo array o meno.

Se l’elemento non è nel nuovo array, verrà spostato nel nuovo array; altrimenti rimarrà. Ad esempio, creiamo un array con valori duplicati, quindi creiamo un nuovo array con valori univoci utilizzando la nostra funzione e mostriamo il risultato sulla console utilizzando la funzione console.log() in JavaScript. Vedi il codice qui sotto.

function uArray(array) {
  var out = [];
  for (var i = 0, len = array.length; i < len; i++)
    if (out.indexOf(array[i]) === -1) out.push(array[i]);
  return out;
}
var myArray = ['c', 'b', 'c', 2, 'b'];
var uniqueArray = uArray(myArray);
console.log('Original Array = ', myArray);
console.log('Array with unique values = ', uniqueArray);

Produzione:

Original Array =  (5) ["c", "b", "c", 2, "b"]
Array with unique values =  (3) ["c", "b", 2]

Qui, il nuovo array non contiene valori duplicati.

Ottieni i valori univoci da un array usando la funzione filter() in JavaScript

Per ottenere valori univoci da un array, possiamo usare la funzione filter(), che crea un nuovo array filtrando i valori dall’array esistente a seconda di una particolare condizione. La funzione filter() controllerà ogni valore presente nell’array originale. Se un valore è un duplicato, la funzione lo rimuoverà; in caso contrario, il valore verrà aggiunto al nuovo array.

Ad esempio, creiamo un array con valori duplicati, creiamo un nuovo array con valori univoci utilizzando la funzione filter() e mostriamo il risultato sulla console utilizzando la funzione console.log() in JavaScript. Vedi il codice qui sotto.

var myArray = ['c', 'b', 'c', 2, 'b'];
var uniqueArray = myArray.filter((val, ind, arr) => arr.indexOf(val) === ind);
console.log('Original Array = ', myArray);
console.log('Array with unique values = ', uniqueArray);

Produzione:

Original Array =  (5) ["c", "b", "c", 2, "b"]
Array with unique values =  (3) ["c", "b", 2]

Come puoi vedere qui, il nuovo array non contiene valori duplicati.