Detaillierte Erklärung der integrierten Methoden des Javascript-Arrays

Detaillierte Erklärung der integrierten Methoden des Javascript-Arrays

1. Array.at()

Funktion : Akzeptiert einen ganzzahligen Wert und gibt das Element an diesem Index zurück. Sowohl positive als auch negative Ganzzahlen sind zulässig. Negative Ganzzahlen zählen vom letzten Element im Array.

Syntax : Array.at(index)

Parameter : Index: Der Index (die Position) des zurückzugebenden Array-Elements. Die relative Indizierung vom Ende des Arrays wird unterstützt, wenn ein negativer Index übergeben wird. Das heißt, wenn eine negative Zahl verwendet wird, wird das zurückgegebene Element gefunden, indem vom Ende des Arrays rückwärts gezählt wird.

Rückgabewert : Das Element im Array, das dem angegebenen Index entspricht. Gibt „undefined“ zurück, wenn der angegebene Index nicht gefunden wird

<Skripttyp="text/javascript">
			var arr = [1,2,3,4,5];
			var newarr = arr.at(-1);
			konsole.log(newarr); // 5
			var newarr = arr.at(3);
			konsole.log(newarr); // 4
</Skript>

2. Array.copyWithin()

Funktion : Kopieren Sie einen Teil eines Arrays oberflächlich an eine andere Position im selben Array und geben Sie ihn zurück, ohne die Länge des ursprünglichen Arrays zu ändern.

Syntax : arr.copyWithin(target[, start[, end]])

Parameter:

target:

0 ist der Index der Basis und die Sequenz wird an diese Position kopiert. Wenn es eine negative Zahl ist, wird das Ziel vom Ende an gezählt.

Wenn das Ziel größer oder gleich arr.length ist, erfolgt kein Kopieren. Wenn das Ziel auf den Start folgt, wird die kopierte Sequenz so geändert, dass sie der arr.length entspricht.

start:

0 ist der Basisindex, also die Startposition, von der aus mit dem Kopieren der Elemente begonnen wird. Wenn der Wert negativ ist, wird vom Ende aus gezählt.

Wenn „Start“ weggelassen wird, beginnt copyWithin mit dem Kopieren bei 0.

end:

0 ist der Basisindex, beginnend an der Endposition der kopierten Elemente. copyWithin kopiert an diese Position, schließt jedoch das Element am Ende nicht ein. Wenn negativ, wird vom Ende an gezählt.

Wenn „end“ weggelassen wird, kopiert die Methode „copyWithin“ bis zum Ende des Arrays (Standard ist „arr.length“).

<Skripttyp="text/javascript">
			var arr = [1,2,3,4,5];
			var arr2 = arr.copyWithin(-2)
			console.log(arr2); // [1, 2, 3, 1, 2]
			var arr3 = arr.copyWithin(0, 3)
			console.log(arr3); // [4, 5, 3, 4, 5]
			var arr4 = arr.copyWithin(0, 3, 4)
			console.log(arr4); // [4, 2, 3, 4, 5]
			var arr5 = arr.copyWithin(-2, -3, -1)
			console.log(arr5); // [1, 2, 3, 3, 4]
</Skript>

3. Array.entries()

Funktion : Gibt ein neues Array-Iterator-Objekt zurück, das die Schlüssel-/Wertpaare für jeden Index im Array enthält.

Syntax : arr.entries()

Rückgabewert : Ein neues Array-Iteratorobjekt. Array Iterator ist ein Objekt. Sein Prototyp (__proto__:Array Iterator) hat eine next-Methode, mit der der Iterator durchlaufen werden kann, um [Schlüssel, Wert] des ursprünglichen Arrays zu erhalten.

<Skripttyp="text/javascript">
			var array1 = ['a', 'b', 'c'];
			var iterator1 = array1.entries();
			Konsole.log(Iterator1.next().Wert);
			// erwartete Ausgabe: Array [0, "a"]
			Konsole.log(Iterator1.next().Wert);
			// erwartete Ausgabe: Array [1, "b"]
</Skript>

4. Array.fill()

Funktion : Füllen Sie alle Elemente in einem Array vom Startindex bis zum Endindex mit einem festen Wert. Der Endindex ist nicht enthalten.

Syntax : arr.fill(Ziel[, Start[, Ende]])

Parameter :

  • Wert: Der zum Füllen der Array-Elemente verwendete Wert.
  • Start : Optional, Startindex, Standardwert ist 0.
  • Ende: optional, Endindex, Standardwert ist this.length.

Rückgabewert : das geänderte Array

<Skripttyp="text/javascript">
			var array1 = [1, 2, 3, 4];	
			// von Position 2 bis Position 4 mit 0 auffüllen
			console.log(array1.fill(0, 2, 4));
			// erwartete Ausgabe: [1, 2, 0, 0]
			// mit 5 von Position 1 auffüllen
			Konsole.log(array1.fill(5, 1));
			// erwartete Ausgabe: [1, 5, 5, 5]
			Konsole.log(array1.fill(6));
			// erwartete Ausgabe: [6, 6, 6, 6]
</Skript>

5. finden()

Funktion: Gibt den Wert des ersten Elements in einem Array zurück, das die bereitgestellte Testfunktion erfüllt. Andernfalls wird „undefiniert“ zurückgegeben.

Syntax: arr.find(callback[, thisArg])

Parameter:

  • Rückruf: Eine Funktion, die für jedes Element im Array ausgeführt werden soll und 3 Parameter empfängt:
  • Element: Das aktuell durchlaufene Element.
  • Index: optional, der aktuell durchlaufene Index.
  • Array: optional, das Array selbst.
  • thisArg ist optional. Das Objekt, das als this beim Ausführen des Rückrufs verwendet wird.

Rückgabewert: Der Wert des ersten Elements im Array, das die bereitgestellte Testfunktion erfüllt. Andernfalls wird „undefiniert“ zurückgegeben.

<Skripttyp="text/javascript">
			var array1 = [5, 12, 8, 130, 44];
			var gefunden = array1.find(element => element > 10);
			console.log(gefunden); // 12
</Skript>

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalten auf 123WORDPRESS.COM mehr Aufmerksamkeit schenken können!

Das könnte Sie auch interessieren:
  • Ein Artikel, der Ihnen hilft, mehr über JavaScript-Arrays zu erfahren
  • Detaillierte Erläuterung mehrerer Methoden zur Deduplizierung im Javascript-Array
  • Häufig verwendete JavaScript-Array-Methoden
  • Detaillierte Zusammenfassung des JavaScript-Arrays
  • JavaScript verwendet häufig Array-Deduplizierung tatsächliche Kampf Quellcode
  • So überwachen Sie Array-Änderungen in JavaScript
  • Beispiele und Vergleich von 3 Methoden zur Deduplizierung von JS-Objekt-Arrays
  • JS implementiert Array-Filterung von einfacher bis hin zu Multi-Condition-Filterung
  • Syntax und Beispielanalyse der JavaScript-Array-Methode „reduce()“
  • Implementieren Sie über 24 Array-Methoden in JavaScript von Hand

<<:  MySQL nimmt die durch Kommas getrennten Werte aus einem Feld heraus, um ein neues Feld zu bilden

>>:  Detailliertes Tutorial zum PyCharm- und SSH-Remote-Access-Server-Docker

Artikel empfehlen

Wie stellt MySQL die Datenintegrität sicher?

Die Bedeutung von Datenkonsistenz und -integrität...

MySQL-Fallanalyse der Transaktionsisolationsebene

Inhaltsverzeichnis 1. Theorie SERIALISIERBAR WIED...

Beispielcode zur Implementierung des Seiten-Cachings im Vue-Mobilprojekt

Hintergrund Auf Mobilgeräten ist das Caching zwis...

Implementierung langer Textschatten in Less in CSS3

Dieser Artikel stellt hauptsächlich die Implement...

So löschen Sie Standardformate und legen allgemeine Formate in CSS fest

CSS Standard-Stile löschen Die üblichen klaren St...

Detaillierte Erläuterung der Konfiguration der Alibaba Cloud-Sicherheitsregeln

Vor zwei Tagen habe ich das Double 11-Shopping-Fe...

Verwendung des Fokus-innerhalb-Selektors von CSS3

Pseudoelemente und Pseudoklassen Apropos, schauen...

Das Vue-Projekt implementiert eine Fortschrittsbalkenfunktion für den Dateidownload

Im täglichen Geschäftsleben gibt es zwei gängige ...

Detailliertes Tutorial zum Konfigurieren der lokalen Yum-Quelle in CentOS8

Die Centos8-Distribution wird über die BaseOS- un...

Lösung für das MySQL Master-Slave-Verzögerungsproblem

Heute werden wir uns ansehen, warum es zu Master-...