Verwirrt an der Filter() -Funktion und ich brauche eine eingehende Erklärung

Question

Ich habe gerade angefangen, Java-Skript zu lernen und das Konzept der filter() - Funktion ist für mich verwirrend.

a.filter(function(item, pos) { 
    return a.indexOf(item) == pos; 
}) 

Oben ist ein Code-Schnipsel, wo die Filterfunktion ohne Duplikate ein Array zeigt, lässt vermuten, a ist ein Array mit vielen doppelten Nummern.

I 100% verstehe nicht, was im Block des Codes vor sich geht. Ich weiß, dass die Filterfunktion einen booleschen Wert zurückgibt, aber was bedeutet item in dieser Gleichung? Was bedeutet pos? Wenn die Filterfunktion einen booleschen Wert zurückgibt, warum gibt diese Gleichung ein Array von Zahlen zurück, die nicht doppelt sind?

Answer 1

filter gibt keinen booleschen Wert zurück, sondern gibt ein Array zurück, das Elemente des ursprünglichen Arrays enthält. Er entscheidet, welche Elemente in das Ergebnis aufgenommen werden sollen, indem er eine Funktion aufruft, die Sie für jedes Element des Arrays bereitstellen. Diese Funktion gibt einen booleschen Wert zurück: Wenn es truthy ist, wird dieses Element im Ergebnis enthalten. Die Argumente für die Funktion sind das Element (in Ihrer Funktion item genannt) und seine Position im Array (pos).

Diese Funktion verwendet indexOf(), um die Position des ersten Elements im Array zu finden, das denselben Wert wie das Element hat, dem es zugewiesen wurde. Wenn diese Position mit der Position identisch ist, an der sie angegeben wurde, muss dieses Element das erste Vorkommen dieses Werts im Array sein. Daher gibt es true zurück und das Element wird im Ergebnis enthalten sein. Wenn die Positionen unterschiedlich sind, muss dieses Element ein späteres Duplikat sein, sodass es false zurückgibt und das Element nicht im Ergebnis enthalten ist. Das Endergebnis davon ist, dass nur die erste Kopie jedes Wertes in der resultierenden Filterung enthalten ist, was bedeutet, dass sie alle einzigartig sind.

Zum Beispiel: Angenommen das Array:

["a", "b", "a", "c"] 

Auf der ersten Iteration item = "a" und pos = 0. a.indexOf(item) gibt 0 zurück, und die Funktion gibt 0 == 0 zurück, das true ist, so dass item im Ergebnis enthalten ist.

In der zweiten Iteration item = "b" und pos = 1. a.indexOf(item) gibt 1 zurück, und die Funktion gibt 1 == 1 zurück, das true ist, so dass item im Ergebnis enthalten ist.

In der dritten Iteration item == "a" und pos = 2. a.indexOf(item) gibt 0 zurück, und die Funktion gibt 0 == 2 zurück, also false, also item ist nicht im Ergebnis enthalten.

Auf der vierten Iteration, item = "c" und pos = 3. a.indexOf(item) gibt 3 zurück, und die Funktion gibt 3 == 3 zurück, das true ist, so dass item im Ergebnis enthalten ist.

Das Endergebnis ist, dass die Elemente der ersten, zweiten und vierten Iteration im Ergebnis enthalten sind, also ["a", "b", "c"].

Answer 2

Der Filter 'Callback' Parameter gibt ein 'Boolean' zurück; Die Filterfunktion gibt das gefilterte Array zurück.