Heim  >  Artikel  >  Web-Frontend  >  Was macht die Methode Reduce() in Javascript?

Was macht die Methode Reduce() in Javascript?

青灯夜游
青灯夜游Original
2021-10-19 15:42:439716Durchsuche

In JavaScript wird die Methode „reduce()“ zum Iterieren (Akkumulieren) von Array-Elementen verwendet. Sie ruft die angegebene Rückruffunktion als Akkumulator für alle Elemente im Array auf, beginnend mit jedem Wert im Array (von links nach rechts). Reduziert und schließlich auf einen Wert berechnet.

Was macht die Methode Reduce() in Javascript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

In JavaScript wird die Methode „reduce()“ zum Iterieren (Akkumulieren) von Array-Elementen verwendet. Diese Methode empfängt eine Funktion als Akkumulator. Jeder Wert im Array beginnt (von links nach rechts) zu reduzieren und wird schließlich als Wert berechnet . . Die Methode

reduce() kann die angegebene Callback-Funktion für alle Elemente im Array aufrufen. Der Rückgabewert dieser Rückruffunktion ist das kumulative Ergebnis, und dieser Rückgabewert wird beim nächsten Aufruf der Rückruffunktion als Parameter bereitgestellt.

Syntax:

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)

function callbackfn( previousValue, currentVaule, currentIndex, array): erforderliche Parameter, geben Sie die Rückruffunktion an, die bis zu 4 Parameter empfangen kann: function callbackfn(previousValue, currentVaule, currentIndex, array):必需参数,指定回调函数,最多可以接收4个参数:

  • previousValue:通过上一次调用回调函数获得的值。如果向 reduce() 方法提供 initialValue,则在首次调用函数时,previousValue 为 initialValue。

  • currentVaule:当前元素数组的值。

  • currentIndex:当前数组元素的数字索引。

  • array:包含该元素的数组对象。

initialValue

  • previousValue: Der Wert, der durch den letzten Aufruf der Callback-Funktion erhalten wurde. Wenn initialValue für die Methode Reduce() bereitgestellt wird, ist previousValue initialValue, wenn die Funktion zum ersten Mal aufgerufen wird.

  • currentValue: Der Wert des aktuellen Elementarrays.

  • currentIndex: Der numerische Index des aktuellen Array-Elements.
  • array: das Array-Objekt, das das Element enthält.

initialValue: ein weggelassener Parameter, der an die Funktion übergebene Anfangswert.

Lassen Sie uns anhand von Codebeispielen mehr darüber erfahren:

Beispiel 1: Akkumulieren und summieren Sie die Array-Werte Was macht die Methode Reduce() in Javascript?

var a = [11, 12, 13], sum = 0;
function f(pre,curr) {
	sum=pre+curr;
	return sum;
}

a.reduce(f);
console.log(sum);

Ausgabeergebnis:

36

Beispiel 2: Verketten Sie die Array-Werte zu einer Zeichenfolge 🎜🎜
var a = [11, 12, 13], str = '';
function f(pre,curr) {
	str=pre+'-'+curr;
	return str;
}

a.reduce(f);
console.log(str);
🎜🎜 🎜🎜【Empfohlenes Lernen: 🎜Javascript-Tutorial für Fortgeschrittene🎜】🎜

Das obige ist der detaillierte Inhalt vonWas macht die Methode Reduce() in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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