Array-Methoden in JavaScript: Alles, was Sie über Array-Methoden wissen müssen

Dieser Artikel enthält detaillierte Informationen zu verschiedenen Array-Methoden in JavaScript mit relevanten Programmbeispielen.

Effizienz ist sehr wichtig, wenn man eine Lösung codieren möchte. Das Array-Objekt in besteht aus verschiedenen Methoden. Diese Methoden werden in Codes für ihre effiziente Ausführung verwendet. Dieser Artikel konzentriert sich auf verschiedene Array-Methoden in JavaScript.

Folgende Hinweise werden in diesem Artikel nachbearbeitet:





Fahren wir mit dem ersten Thema dieses Artikels fort:

Array-Methoden in JavaScript

Concat-Methode

Die concat () -Methode verbindet zwei oder mehr Arrays und gibt dann eine Kopie des verbundenen Arrays zurück.



var alphabet = ['r', 's', 't'] var num = [5, 6, 7] var AlphabetNum = alphabet.concat (num) document.write ('AlphabetNum:' + AlphabetNum)

In dem angegebenen Beispiel verbindet die concat-Methode die beiden Arrays alphabet und num und gibt ein neues verkettetes Array zurück: AlphabetNum.

Ausgabe:

AlphabetNum: r, s, t, 5,6,7



Als nächstes folgt die CopyWithin-Methode.

CopyWithin-Methode

Die in JavaScript vorhandene copyWithin () -Methode wird verwendet, um einen Teil des Arrays in dasselbe Array zu kopieren und dann zurückzugeben.

Syntax:

array.copyWithin (Ziel, Start, Ende)

Diese Methode besteht aus drei Parametern:

  • Ziel: Die Indexposition, an die das Element kopiert werden soll. Das Ziel muss angegeben werden.
  • Start: Die Indexposition, von der aus die Elemente kopiert werden sollen. Es ist optional. Der Standardwert für start ist 0.
  • Ende: Die Indexposition zum Beenden des Kopiervorgangs des Elements. Auch dies ist ein optionaler Parameter, und der Standardwert ist Länge .
var number = ['Eins', 'Zwei', 'Drei', 'Vier', 'Fünf', 'Sechs', 'Sieben'] document.write (number) document.write (' 
'+ number.copyWithin (3,0,4))

Ausgabe:

Eins zwei drei vier fünf sechs sieben

Eins, zwei, drei, eins, zwei, drei, vier

wie man Array PHP druckt

Wie im Beispiel gezeigt, werden die Werte im Array in dasselbe Array kopiert. Der Zielindex ist: 3, der Startindex ist: 0 und der Endindex ist: 4.

Das nächste Bit in diesen Array-Methoden in Javascript ist:

Jede Methode

Diese Methode prüft oder prüft, ob alle im Array vorhandenen Elemente eine bestimmte Bedingung erfüllen. Die Syntax der Methode lautet wie folgt:

array.every (Funktion [, This_arg])

Das Argument für diese Funktion ist eine andere Funktion. Es definiert die Bedingung, die überprüft werden muss. Es hat die folgenden Argumente:

  • Array: Das Array, in dem die Funktion every () aufgerufen wird. Es ist ein optionales Argument.
  • Index: Index des aktuellen Elements. Auch dies ist optional.
  • Element: Aktuelles Element, das von der Funktion verarbeitet wird. Dieses Argument muss unbedingt verwendet werden.

Mit this_arg wird die zu verwendende Funktion angewiesen Dies Wert. Im folgenden Beispiel prüfen wir, ob jedes Element im Array positiv ist oder nicht.

Funktion positiv (Element, Index, Array) {Rückgabeelement> 0} Funktion func () {var array = [11, 89, 23, 7, 98] // auf positive Zahl prüfen var value = array.jeder (positive) Dokument .write (Wert)} func ()

Es ist zu beachten, dass die Funktion den Wert als wahr oder falsch zurückgibt. Da alle im Array vorhandenen Elemente positiv sind, lautet die Ausgabe:

wahr

Als nächstes folgt die ToString-Methode.

ToString-Methode

Diese Methode konvertiert eine Zahl in eine Zeichenfolge. Die Zahlen können auch durch Angabe eines Basiswerts konvertiert werden.

var number = 569 document.write ('Ausgabe:' + number.toString ())

Im angegebenen Beispiel wird die Methode toString () ohne Parameter oder Basiswert aufgerufen.

Ausgabe:

569

Schauen wir uns nun die Join-Methode an.

Join-Methode

Die join () -Methode verbindet jedes im Array vorhandene Element. Darüber hinaus können wir ein Trennzeichen angeben, um die Elemente zu trennen.

var a = neues Array ('I', 'Liebe', 'Musik') var string = a.join () document.write ('string:' + string) var string = a.join ('*') document. schreiben(' 
Zeichenfolge: '+ Zeichenfolge) var Zeichenfolge = a.join (' + ') document.write ('
Zeichenfolge: '+ Zeichenfolge)

In dem bereitgestellten Beispiel enthält die erste Verknüpfungsmethode kein Trennzeichen. Daher wird ein Standardtrennzeichen verwendet. Bei den beiden anderen Methoden sind „*“ und „+“ angegebene Operatoren.

Ausgabe:

Zeichenfolge: Ich, Liebe, Musik

Zeichenfolge: Ich * liebe * Musik

Zeichenfolge: I + Love + Music

Als nächstes in diesem Artikel über Array-Methoden auf Javascript ist,

Pop & Push-Methode

Die pop () -Methode entfernt das Element vom Ende eines Arrays, ähnlich wie ein Stapel. Die push () -Methode fügt dagegen ein Element am Ende eines Arrays hinzu.

Die Methoden implementieren das Konzept von LIFO (Last-In-First-Out).

['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']

Der Code entfernt das letzte Element im Array, d. H. 'Jazz'.

Die push () -Methode hängt das Element wieder an das Array an.

['Rock', 'Metal', 'Blues'] list.push ('Jazz') ['Rock', 'Metal', 'Blues', 'Jazz']

Gehen wir weiter,

Shift- und Unshift-Methode

Die Methode shift () entfernt das Element vom Anfang eines Arrays. Die unshift () -Methode hingegen fügt das Element wieder am Anfang des Arrays hinzu.

['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']

Der Code entfernt das erste Element, d. H. Rock, aus dem Array.

Bei Verwendung der unshift () -Methode wird 'Rock' wieder zum Array hinzugefügt.

['Rock', 'Metal', 'Blues', 'Jazz'] list.unshift ('Rock') ['Rock', 'Metal', 'Blues', 'Jazz']

Wir befinden uns in den letzten Abschnitten dieser Array-Methoden im Javascript-Blog.

Spleißmethode

Die splice () -Methode entfernt einen bestimmten oder einen selektiven Teil des Arrays. Es erweist sich als einfallsreiche Methode zum Entfernen, Ersetzen oder Hinzufügen von Elementen zum Array.

['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // Entfernen Sie ab Indexposition 2 ein Element ['Rock', 'Metal', 'Jazz'] .splice (2,2) // Entfernen Sie ab Indexposition 2 zwei Elemente ['Rock', 'Metal']

Im obigen Beispiel entfernt die Slice-Methode die Elemente gemäß dem angegebenen Index.

'Blues' wird aus dem ersten Beispiel entfernt, da es auf Index 2 platziert ist.

Im zweiten Beispiel werden zwei Elemente, d. H. 'Blues' und 'Jazz', entfernt, da der Index angibt, dass 2 Elemente entfernt werden müssen, beginnend mit Index 2.

Es ist zu beachten, dass Arrays in JavaScript nullindiziert sind.

Schnittmethode

Die Slice () -Methode schneidet ein Element aus dem ursprünglichen Array und gibt ein neues Array zurück, das dieses Element enthält. Es ist zu beachten, dass die Slice () -Methode kein Element aus dem anfänglichen Array entfernt.

var array = ['Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ('array.slice (1, 2):' + array.slice (1, 2)) document .schreiben(' 
array.slice (1, 3): '+ array.slice (1, 3))

Die Ausgabe des folgenden Codes lautet wie folgt:

array.slice (1, 2): Pop

array.slice (1, 3): Pop, Jazz

Die letzte Methode in dieser Array-Methode in Javascript ist:

Für jede Methode

Diese Methode ruft die Funktion für jedes im Array vorhandene Element auf.

Funktion funct () {// Anfangsarray const items = [2, 18, 28] const copy = [] items.forEach (Funktion (Element) {copy.push (Element * Element)}) document.write (Kopie)} Funktion ()

Im Beispiel berechnen wir das Quadrat jedes im Array vorhandenen Elements.

Die Ausgabe ist wie folgt:

4,324,784

So erstellen Sie ein dynamisches Array in Java

Damit sind wir am Ende dieses Blogs zum Thema 'Array-Methode in JavaScript' angelangt. Ich hoffe, Sie fanden dies informativ und hilfreich. Weitere Tutorials zu ähnlichen Themen finden Sie hier. Sie können sich auch unser Schulungsprogramm ansehenSie können sich eingehend mit jQuery und seinen verschiedenen Anwendungen vertraut machen für Live-Online-Schulungen mit 24-Stunden-Support und lebenslangem Zugriff.

Hast du eine Frage an uns? Erwähnen Sie sie im Kommentarbereich dieses Blogs und wir werden uns bei Ihnen melden.