Heim > Web-Frontend > js-Tutorial > So verwenden Sie die Reduzierungsfunktion in js

So verwenden Sie die Reduzierungsfunktion in js

下次还敢
Freigeben: 2024-05-07 19:12:20
Original
896 Leute haben es durchsucht

Die Reduzierungsfunktion wird für Akkumulationsoperationen verwendet, um einen einzelnen Wert zu erhalten: Sie empfängt ein Array, eine Rückruffunktion und einen Anfangswert (optional). Die Rückruffunktion verarbeitet den Akkumulator (der das akkumulierte Ergebnis speichert) und das aktuelle Element. Der Anfangswert ist der Startwert des Akkumulators, der standardmäßig das erste Element des Arrays ist. Zu den Anwendungsfällen gehören Summieren, Mitteln, Verketten von Arrays, Filtern und Gruppieren.

So verwenden Sie die Reduzierungsfunktion in js

Verwendung der Reduzierungsfunktion in JS

Die Reduzierungsfunktion ist eine Funktion in JavaScript, die verwendet wird, um Elemente in einem Array zu akkumulieren und schließlich einen einzelnen Wert zu erhalten. Seine Verwendung ist wie folgt:

<code class="javascript">const result = array.reduce(callback, initialValue);</code>
Nach dem Login kopieren

wobei:

  • array: Das zu akkumulierende Array.
  • Rückruf: Rückruffunktion für den Akkumulationsvorgang.
  • initialValue: Der Anfangswert der Akkumulation (optional).

Callback-Funktion

Die Callback-Funktion erhält zwei Parameter:

  • Akkumulator: Akkumulator, der die aktuellen akkumulierten Ergebnisse speichert.
  • aktueller Wert: Das Array-Element, das gerade verarbeitet wird.

initialValue

initialValue ist der Anfangswert des Akkumulators. Wenn nicht angegeben, wird das erste Element des Arrays als Anfangswert verwendet.

Verwendung

Reduzierfunktion wird häufig in den folgenden Szenarien verwendet:

  • Summe: Berechnen Sie die Summe aller Elemente in einem Array.
  • Durchschnitt: Berechnen Sie den Durchschnitt aller Elemente in einem Array.
  • Arrays verketten: Alle Elemente im Array zu einer Zeichenfolge verketten.
  • Array filtern: Filtern Sie die Elemente im Array basierend auf Bedingungen.
  • Gruppenarray: Elemente in einem Array basierend auf einem bestimmten Schlüssel gruppieren.

Beispiel

Summe:

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 输出:15</code>
Nach dem Login kopieren

Durchschnitt:

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const average = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0) / numbers.length;
console.log(average); // 输出:3</code>
Nach dem Login kopieren

Array verketten:

<code class="javascript">const names = ['John', 'Mary', 'Bob'];
const joinedString = names.reduce((accumulator, currentValue) => accumulator + ', ' + currentValue);
console.log(joinedString); // 输出:John, Mary, Bob</code>
Nach dem Login kopieren

Array filtern:

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.reduce((accumulator, currentValue) => {
  if (currentValue % 2 === 0) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);
console.log(evenNumbers); // 输出:[2, 4]</code>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Reduzierungsfunktion in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage