So verwenden Sie JavaScript -Array Reduzieren Sie die Funktion
In diesem Beitrag werden wir das Konzept des JavaScripts erfassen reduzieren() Funktion. Was ist a reduzieren() Funktion und wie können wir es verwenden, um den JavaScript -Code zu vereinfachen und die Aufgaben effizient und am schnellsten auszufüllen.
Was ist die Reduzierung?() Funktion?
JavaScripts reduzieren() Die Funktion für das Array wird verwendet, um das Array in einen einzelnen Ausgangswert zu reduzieren.
Der reduzieren() Die Funktion nimmt das Element eines Arrays eins ein. Lassen Sie uns mehr in die IT erforschen und ausgraben, um die Syntax und ihre Funktionalität zusammen mit einigen Beispielen zu verstehen.
Syntax:
Array.Reduzieren (Funktion_Name, InitialValue);Der interessante Teil der Funktion des Arrays record () ist, dass sie eine Rückruffunktion mit vier Argumenten übernehmen kann. Die Syntax der Rückruffunktion und die Abfolge der Argumente werden so verlaufen:
Funktion function_name (Akkumulator, Wert, Index, Array)…
In der Rückruffunktion von Reduzierung () Methode:
- Der erste Parameter ist ein Akkumulator Das speichert das Ergebnis nach jeder Iteration.
- Der zweite Parameter/Argument enthält die Wert des aktuellen Arrayelements während der Iteration.
- Der dritte Parameter ist der optionale Parameter, der der Strom ist Index des Array -Elements während der Iteration.
- Zuletzt können wir auch die übergeben Array selbst zur Rückruffunktion, um einige benutzerdefinierte Funktionen in der Rückruffunktion zu haben.
Wir können auch den Anfangswert an die Funktion übergeben. Der Anfangswert ist der Startwert des Akkumulators.
Versuchen wir einige Beispiele, um die Implementierungen zu sehen
Notiz: Wir werden die Browserkonsole verwenden, um Beispiele zu demonstrieren, die in diesem Beitrag durchgeführt wurden. Um die Browserkonsole zu öffnen:
- Benutze die F12 Schlüssel in Chrom- und anderen Browsern auf Chrombasis.
- Verwenden Strg + Verschiebung + k Tastaturverknüpfungsschlüssel für Mozilla.
- Verwenden Option + ⌘ + c Tastaturverknüpfungsschlüsse in Safari (Wenn das Entwicklermenü nicht angezeigt wird, öffnen Sie die Einstellungen durch Drücken ⌘ +, und in Fortschrittlich Registerkarte Überprüfung "Menü entwickeln in der Menüleiste").
So verwenden
Das beste Beispiel, um das zu verstehen reduzieren() Funktion ist die Zugabe von Zahlen, die in den Array -Elementen gespeichert sind.
Beispiel 1:
Angenommen, wir haben eine Reihe von Zahlen und möchten alle diese Zahlen hinzufügen:
VAR -Zahlen = [23,76,38,55,10]Die erste Möglichkeit, diese Zahlen hinzuzufügen, besteht darin, a zu verwenden für Schleife:
var sum = 0;für (leti = 0; i
Konsole.log (sum);
Obwohl wir die Summe als Ausgabe erhalten haben, verwenden Sie eine intelligente und einfache Möglichkeit, um die gleiche Berechnung mit dem durchzuführen reduzieren() Methode des Arrays, bei der wir die Variablen nicht mutieren müssen “Summe.”
Verwenden von recly () -Funktion:
Der reduzieren() Funktionen zur Berechnung der Summe werden so verläuft:
var sum = Zahlen.reduzieren (addnumbers, 0);Funktion addnumbers (insgesamt, num)
Return Total + Num
Konsole.log (sum);
Im obigen Code können Sie sehen, dass wir zuerst die bestanden haben Addnumbers Funktion zum reduzieren() Funktion und in der Addnumbers Funktionsdefinition, wir haben gerade jede Zahl zur Akkumulatorvariable hinzugefügt gesamt und gab seinen Wert zurück.
Einmal der reduzieren() Funktion fügt alle Zahlen in der hinzu Zahlen Array, es wird das Endergebnis in der speichern Summe Variable.
Zuletzt haben wir gerade das zusammengetragen Summe Variable, um zu überprüfen, ob unsere reduzieren() Funktion funktionierte gut oder nicht.
Wenn Sie in den oben angegebenen Screenshot suchen, können Sie überprüfen 202 und perfekt berechnet.
Ein weiterer kürzerer und einfacherer Schreiben reduzieren() Die Funktion besteht darin, die Rückruffunktion zu einer Pfeilfunktion zu machen:
Die Syntax des Schreibens der Rückruffunktion innerhalb der reduzieren() Die Klammern der Funktion werden wie folgt sein:
var sum = Zahlen.reduzieren ((insgesamt, num) =>Return Total + Num
, 0);
Konsole.log (sum);
Okay, dies war das einfache Beispiel, in dem wir nur eine Reihe von Zahlen haben; Was ist mit der Reihe von Objekten?. Versuchen wir es auch.
Beispiel 2:
Angenommen, wir haben eine Liste von Studenten in einem Array und möchten die Gesamtgebühren aller Schüler berechnen:
var Schüler = [ID: 1,
Name: "John", "
Alter: 12,
Gebühr: 8500
,
ID: 2,
Name: "Bob",
Alter: 14,
Gebühr: 9000
,
ID: 3,
Name: "Steve",
Alter: 10,
Gebühr: 8000
,
]
Der reduzieren() Funktionen zur Berechnung der Gesamtgebühren wie folgt:
var Totalfees = Schüler.reduzieren ((insgesamt, Schüler) =>Rückgabe Total + Student.Gebühr
, 0);
Konsole.log (TotalFees);
Der einzige Unterschied in diesem Code besteht nun darin, dass ein einzelnes Objekt als Wert an die Rückruffunktion übergeben wird. In der Definition der Rückruffunktion haben wir auf die Gebühr zugegriffen und in die Akkumulatorvariable hinzugefügt.
Wenn Sie sich den oben angehängten Screenshot ansehen, sehen Sie, dass die Gebühren der Schüler hinzugefügt und als Ausgabe angezeigt werden. So können wir also auf die Objekte eines Arrays in der Zugriffe zugreifen reduzieren() Funktion.
Abschluss:
In diesem Beitrag haben wir gelernt, was a reduzieren() Funktion ist und wie wir es verwenden können, um den JavaScript -Code zu vereinfachen und die Aufgaben effizient und schnell auszufüllen.
Wir haben gelernt, dass die reduzieren() Funktion reduziert das Array in einen einzelnen Ausgangswert. Der reduzieren() Die Funktion nimmt eine Rückruffunktion auf, die auf jedes Element des Arrays angewendet wird und einen einzelnen Ausgabewert zurückgibt.
In diesem Beitrag dreht sich alles um JavaScripts reduzieren() Funktion und ihre Verwendung. Es enthält einige grundlegende Beispiele, die beim Verständnis des reduzieren() Funktion.