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

Implementierung einer Login-Seite basierend auf layui

In diesem Artikelbeispiel wird der spezifische Co...

Untersuchung des Wertes des Positionsattributs in CSS (Zusammenfassung)

Das CSS-Positionsattribut gibt den Positionierung...

So verwenden Sie CSS-Stile und -Selektoren

Drei Möglichkeiten, CSS in HTML zu verwenden: 1. ...

mysqldump-Parameter, die Sie möglicherweise nicht kennen

Im vorherigen Artikel wurde erwähnt, dass die in ...

Docker nginx implementiert einen Host zum Bereitstellen mehrerer Sites

Die virtuelle Maschine, die ich von einer bestimm...

Vergleich der von der MySQL-Datenbank unterstützten Speicher-Engines

Inhaltsverzeichnis Speicher-Engine Von MySQL unte...

So fügen Sie einem Alpine-Image einen Ansible-Dienst hinzu

Verwenden Sie apk add ansible, um den Ansible-Die...

Detaillierte Erklärung zur Verwendung der Linux-Umleitung

Ich glaube, dass jeder manchmal Daten kopieren un...