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

Vue verwendet Echart, um Beschriftungen und Farben anzupassen

In diesem Artikelbeispiel wird der spezifische Co...

So erstellen Sie eine Ansicht in MySQL

Grundlegende Syntax Sie können eine Ansicht mit d...

js native Wasserfall-Flow-Plugin-Produktion

In diesem Artikel wird der spezifische Code des n...

JavaScript-Grundlagenvariablen

Inhaltsverzeichnis 1. Variablenübersicht 1.1 Spei...

Schreiben Sie einen formellen Blog mit XHTML CSS

Der vollständige Name von Blog sollte Weblog sein...

Ursachen und Lösungen für die Front-End-Ausnahme 502 Bad Gateway

Inhaltsverzeichnis 502 Bad Gateway Fehlerbildung ...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.17

In diesem Artikel wird die Installations- und Kon...

Detaillierte Bereitstellung des Alibaba Cloud Servers (grafisches Tutorial)

Ich habe vor Kurzem Front-End- und Back-End-Techn...

Erfahren Sie, wie Sie saubere und standardmäßige HTML-Tags schreiben

Guter HTML-Code ist die Grundlage einer schönen W...

MySQL effiziente Abfrage Left Join und Gruppieren nach (plus Index)

MySQL effiziente Abfrage MySQL verzichtet auf „Gr...