Eindeutiges JavaScript-Array

1. Holen Sie sich die eindeutigen Werte aus einem Array mit der Funktion Set() in JavaScript
2. Holen Sie die eindeutigen Werte aus einem Array mit der Funktion indexOf() in JavaScript
3. Holen Sie sich die eindeutigen Werte aus einem Array mit der Funktion filter() in JavaScript

In diesem Tutorial wird erläutert, wie Sie mit den Funktionen Set(), indexOf() und filter() in JavaScript die eindeutigen Werte aus einem Array erhalten.

Holen Sie sich die eindeutigen Werte aus einem Array mit der Funktion Set() in JavaScript

Um eindeutige Werte aus einem Array zu erhalten, können wir die Funktion Set() verwenden, die ein neues Array mit eindeutigen Werten aus dem vorhandenen Array erstellt. Lassen Sie uns zum Beispiel ein Array mit doppelten Werten erstellen, mit der Funktion Set() ein neues mit eindeutigen Werten erstellen und das Ergebnis auf der Konsole mit der Funktion console.log() in JavaScript anzeigen. Siehe den Code unten.

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

Ausgabe:

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

In der Ausgabe enthält das neue Array keine doppelten Werte.

Holen Sie die eindeutigen Werte aus einem Array mit der Funktion indexOf() in JavaScript

Um eindeutige Werte aus einem Array zu erhalten, können wir mit der Funktion indexOf() und einer Schleife unsere eigene Funktion erstellen, die ein neues Array mit eindeutigen Werten aus dem vorhandenen Array erstellt. Wir verwenden das Array, um die Elemente in das neue Array zu verschieben, und die Funktion indexOf(), um zu überprüfen, ob ein Element bereits im neuen Array vorhanden ist oder nicht.

Befindet sich das Element nicht im neuen Array, wird es in das neue Array verschoben; andernfalls bleibt es bestehen. Lassen Sie uns zum Beispiel ein Array mit doppelten Werten erstellen, dann mit unserer Funktion ein neues Array mit eindeutigen Werten erstellen und das Ergebnis auf der Konsole mit der Funktion console.log() in JavaScript anzeigen. Siehe den Code unten.

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);

Ausgabe:

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

Hier enthält das neue Array keine doppelten Werte.

Holen Sie sich die eindeutigen Werte aus einem Array mit der Funktion filter() in JavaScript

Um eindeutige Werte aus einem Array zu erhalten, können wir die Funktion filter() verwenden, die ein neues Array erstellt, indem die Werte aus dem vorhandenen Array in Abhängigkeit von einer bestimmten Bedingung gefiltert werden. Die Funktion filter() überprüft jeden Wert, der im ursprünglichen Array vorhanden ist. Wenn ein Wert ein Duplikat ist, entfernt die Funktion ihn; Andernfalls wird der Wert dem neuen Array hinzugefügt.

Lassen Sie uns zum Beispiel ein Array mit doppelten Werten erstellen, ein neues Array mit eindeutigen Werten mit der Funktion filter() erstellen und das Ergebnis auf der Konsole mit der Funktion console.log() in JavaScript anzeigen. Siehe den Code unten.

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);

Ausgabe:

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

Wie Sie hier sehen können, enthält das neue Array keine doppelten Werte.