Heim > Web-Frontend > Front-End-Fragen und Antworten > So ermitteln Sie die Länge und Summe der Elemente eines Arrays in JavaScript

So ermitteln Sie die Länge und Summe der Elemente eines Arrays in JavaScript

青灯夜游
Freigeben: 2022-09-20 14:11:55
Original
2062 Leute haben es durchsucht

In JavaScript können Sie das Längenattribut verwenden, um die Länge des Arrays abzurufen. Die Syntax lautet „array object.length“. Sie können die Funktion „reduce()“ oder „reducRight()“ verwenden, um die Summe der Elemente, die Syntax, zu ermitteln ist „arr.reduce(function f(pre,curr){return pre+cur})“ oder „arr.reduceRight(function f(pre,curr){return pre+cur})“.

So ermitteln Sie die Länge und Summe der Elemente eines Arrays in JavaScript

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

JavaScript zum Ermitteln der Länge eines Arrays

In JavaScript können Sie die Längeneigenschaft des Array-Objekts verwenden, um die Länge des Arrays abzurufen.

Jedes Array verfügt über ein Längenattribut, das die maximale Länge des Arrays zurückgibt, d. h. sein Wert ist gleich dem maximalen Indexwert plus 1. Da der numerische Index kleiner als 2^32-1 sein muss, ist der Maximalwert des Längenattributs gleich 2^32-1.

Beispiel 1

Der folgende Code definiert ein leeres Array und weist dann dem Element mit dem Index gleich 100 einen Wert zu, dann gibt die Längeneigenschaft 101 zurück. Daher kann das Längenattribut nicht die tatsächliche Anzahl der Array-Elemente widerspiegeln.

var a = [];  //声明空数组
a[100] = 2;
console.log(a.length);  //返回101
Nach dem Login kopieren

Ausgabe:

101
Nach dem Login kopieren

Das Längenattribut ist lesbar und beschreibbar und ein dynamisches Attribut. Der Längenattributwert wird auch automatisch aktualisiert, wenn sich die Array-Elemente ändern. Wenn der Wert des Längenattributs zurückgesetzt wird, wirkt sich dies gleichzeitig auch auf die Elemente des Arrays aus. Die spezifischen Anweisungen lauten wie folgt:

Wenn das Längenattribut auf einen Wert eingestellt ist, der kleiner als der aktuelle Längenwert ist, wird das Array wird abgeschnitten und der Elementwert über die neue Länge hinaus geht verloren.

Wenn die Längeneigenschaft auf einen Wert festgelegt ist, der größer als der aktuelle Längenwert ist, wird das leere Array am Ende des Arrays hinzugefügt, wodurch das Array auf die neu angegebene Länge und die gelesenen Werte anwächst ​wird undefiniert sein.

Beispiel 2

Der folgende Code demonstriert die Auswirkung dynamischer Änderungen des Längenattributwerts auf das Array.

var a = [1,2,3];  //声明数组直接量
a.length = 5;  //增长数组长度
console.log(a[4]);  //返回undefined,说明该元素还没有被赋值
a.length = 2;  //缩短数组长度
console.log(a[2]);  //返回undefined,说明该元素的值已经丢失
Nach dem Login kopieren

Ausgabe:

undefined
undefined
Nach dem Login kopieren

JavaScript, um die Summe von Arrays zu ermitteln

Methode 1: Verwenden Sie Reduce()

reduce(), um die Array-Elemente in einen Wert zu berechnen (von links nach rechts).​

var a = [1, 2, 3, 4, 5];
var b =a.reduce(function f(pre, curr){
	return pre + curr;
	});
console.log(b);
Nach dem Login kopieren

So ermitteln Sie die Länge und Summe der Elemente eines Arrays in JavaScript

Erläuterung: 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. Die spezifische Verwendung ist wie folgt:

array.reduce(callbackfn[, initialVaule]);
Nach dem Login kopieren

Parameterbeschreibung:

  • array: erforderlicher Parameter, ein Array-Objekt.

  • callbackfn: erforderlicher Parameter, eine Funktion, die bis zu vier Parameter akzeptiert. Die Methode „recover()“ ruft die Funktion „callbackfn“ einmal für jedes Element im Array auf.

  • initialValue: Optionaler Parameter. Wenn initialVaule angegeben ist, wird er als Anfangswert zum Starten der Akkumulation verwendet. Der erste Aufruf der callbackfn-Funktion liefert diesen Wert als Parameter anstelle eines Array-Werts. Der Rückgabewert der Methode

reduce() ist das kumulative Ergebnis, das durch den letzten Aufruf der Rückruffunktion erhalten wurde.

Wenn der Parameter initialVaule angegeben ist, ruft die Methode Reduce() die Callbackfn-Funktion einmal für jedes Element im Array auf (in aufsteigender Indexreihenfolge). Wenn InitialVaule nicht angegeben ist, ruft die Methode Reduce() die Funktion CallbackFn auf ab dem 2. Element Die callbackfn-Funktion wird für jedes Element aufgerufen.

Der Rückgabewert der Callback-Funktion wird beim nächsten Aufruf der Callback-Funktion als previousValue-Parameter bereitgestellt. Der vom letzten Aufruf der Rückruffunktion erhaltene Rückgabewert ist der Rückgabewert der recude()-Methode. Diese Methode ruft die Rückruffunktion nicht für fehlende Elemente im Array auf.

Die Syntax der Callback-Funktion lautet wie folgt:

function callbackfn(previousValue, currentVaule, currentIndex, array);
Nach dem Login kopieren

Callback-Funktionsparameterbeschreibung:

  • 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: Array-Objekt, das das Element enthält.

Wenn die Callback-Funktion zum ersten Mal aufgerufen wird, hängt der als Parameter bereitgestellte Wert davon ab, ob die Methode „reduce()“ einen Parameter „initialValue“ hat. Wenn initialValue für die recude()-Methode bereitgestellt wird, ist der previousValue-Parameter der initialValue und der currentValue-Parameter der Wert des ersten Elements im Array.

Methode 2: Verwenden Sie ReduceRight()

reduceRight(), um die Array-Elemente in einen Wert umzuwandeln (von rechts nach links).

var arr = [1, 2, 3, 4, 5, 5];
var b =arr.reduceRight(function f(pre, curr){
	return pre + curr;
	});
console.log(b);
Nach dem Login kopieren

So ermitteln Sie die Länge und Summe der Elemente eines Arrays in JavaScript

Erläuterung: Die Methode

reduceRight() kann die angegebene Rückruffunktion für alle Elemente im Array von rechts nach links 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. Die spezifische Verwendung ist wie folgt:

array.reduceRight(callbackfn[, initialValue]);
Nach dem Login kopieren

该方法的语法和用法与 reduce() 方法大概相同,唯一不同的是,它是从数组右侧开始调用回调函数。如果提供了 initialValue,则 reduceRight() 方法会按降序索引顺序对数组中的每个元素调用一次 callbackfn 函数。如果未提供 initialValue,则 reduceRight() 方法会按降序索引顺序对每个元素(从倒数第 2 个元素开始)调用 callbackfn 函数。

【相关推荐:javascript视频教程web前端开发

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie die Länge und Summe der Elemente eines Arrays in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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