Einführung in Array-Methoden in JavaScript
Javascript bietet Arrays zum Speichern von Daten wie Ganzzahlen, Zeichenfolgen und benutzerdefinierten Objekten. Das Anwendungsfall-Szenario ähnelt dem Konzept von Arrays, die wir in anderen Sprachen finden. In diesem Thema lernen wir Arrays-Methoden in JavaScript kennen.
Javascript ist eine Front-End-Sprache, die einer Webseite dynamisches Verhalten verleiht. Diese Arrays werden verwendet, um Daten zu speichern, die auf der Webseite gerendert werden sollen, so wie Sie eine Liste von Büchern mit Namen, Autorennamen, Veröffentlichungsdatum und Kosten haben Alle Objekte können in einem Objekt platziert werden, und in diesen Arrays können mehrere Objekte gespeichert werden, die in der Zwischenzeit generiert wurden. Diese können entweder zur Verarbeitung an den Controller übergeben oder auf dieselbe Weise an den View zum Rendern gesendet werden.
So erfolgt die Array-Deklaration in Javascript
var arr = new Array();
oder
var arr=();
oder
var arr = (1, 2, 3, 4);
Hier sehen Sie eine Sache, die wir dem Array ganzzahlige Werte gegeben und als Typ var markiert haben. In Javascript werden alle Elemente nur mit dem Typ var gespeichert und wenn sie behandelt werden sollen, mit ganzen Zahlen oder anderen Datentypen, die Sie sehen Sie sehen aus wie, dann muss das Parsen in diesen Typ während der Verwendung von Daten aus dem Array durchgeführt werden.
Methoden von Arrays in Javascript
Für die Verarbeitung von Array-Daten stehen mehrere Methoden zur Verfügung, mit deren Hilfe wir einige Operationen ausführen können, die während der Datenverarbeitung und -bearbeitung erforderlich sind.
1. Foreach
Diese Methode wird verwendet, um die Array-Daten zu durchlaufen, und wir können jedes einzelne Element an seinem gewünschten Platzhalter auf der Webseite rendern lassen.
var country = ('India', 'Australia', 'South Africa');
Wir werden von Index 0 zu Länge-1 iterieren, wobei Länge die Größe des Arrays ist, hier 3.
Lassen Sie uns nun mit der forEach-Methode darüber iterieren -
Beispiel
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Ausgabe -
2. drücken
Wann immer Sie über ein vorhandenes Array verfügen und in der Zwischenzeit eine Berechnung durchführen, bei der dieses Array wahrscheinlich einen Datenwert erhält, der hinzugefügt wird. In diesem Fall muss die Push-Funktion verwendet werden.
Fügen wir der oben definierten Liste ein Land hinzu und wiederholen diesmal, und auch die geänderte Länge wird angezeigt.
Denken Sie daran, dass der Push am letzten im Array verfügbaren Index ausgeführt wird.
Beispiel
// this line gives current length ie 3
console.log(country.length + ' is current length')
// here we push one more country
country.push('USA')
//print updated length
console.log(country.length + ' is current length')
// print each element and index
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Ausgabe -
3. Pop
Wir können auch eine Anforderung haben, bei der wir die Datenelemente aus dem Array löschen müssen, pop wird verwendet, um das Element vom Ende des Arrays zu löschen, dh das letzte Element des Arrays wird gelöscht und so weiter.
Nehmen wir ein Beispiel, um dasselbe zu sehen -
// this line gives current length ie 4
console.log(country.length + ' is current length')
// pop the last element, it doesn't take any argument
Country.pop()
// this line gives current length ie 3, as the array lost one element
console.log(country.length + ' is current length')
Ausgabe -
4. Shift ()
Möglicherweise müssen Sie das Element von der Vorderseite des Arrays entfernen, daher können Sie pop nicht dafür verwenden, da alle Ihre Daten zuerst gelöscht werden und Sie dann zu Ihrem ersten Element gelangen. Dafür haben wir shift () entfernt das Element direkt vom Anfang des Arrays.
Lassen Sie uns ein Beispiel dafür unten sehen -
Hier führen wir die forEach-Schleife aus, um anzuzeigen, welches Element gelöscht wurde.
// line below will remove India, which was the first element
country.shift() ;
//let's print the elements now
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Ausgabe -
In der obigen Abbildung können Sie sehen, dass das gesamte Array tatsächlich nach links verschoben wurde. Das Element „Australia“ hat sich von Index 1 nach Index 0 verschoben. Diese Operation führt also zu einer Verschiebung aller Elemente des Arrays und kann teuer werden, wenn Da die Daten wirklich riesig sind, sollte dies mit der richtigen Analyse und den richtigen Codierungstechniken verwendet werden.
5. Unshift ()
Hier ist es erforderlich, die Daten an der Vorderseite des Arrays einzufügen, anstatt sie am Ende des Arrays einzufügen. Diese Methode heißt unshift (). Dadurch wird auch der Aufwand erhöht, alle vorhandenen Elemente des Arrays um eins nach rechts zu verschieben Index in einem Einfügevorgang.
Dies kann sich auch als kostspieliger Vorgang herausstellen, wenn die Leistung gleichwertig sein soll.
Schauen wir uns ein Beispiel dafür an, wie man dieses Unshifting macht -
Sehen Sie sich den Index an, in dem das neu hinzugefügte Element "Kanada" im Schnappschuss angezeigt wird.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Ausgabe -
6. Spleißen
Diese Methode wird verwendet, um die Elemente zu entfernen, die auf einem vom Benutzer übergebenen Index basieren. Bisher haben wir Push and Pop, Shift und Unhift gesehen, also alle, die sich mit den letzten und ersten Indizes befassen, wenn wir dann die Operation mit mittleren Indizes entfernen sollen Wir benötigen die Splice-Methode und können den zu entfernenden Elementindex aus dem Array übergeben.
Nehmen wir ein Beispiel, in dem wir einen Startindex angegeben haben, ab dem alle Elemente aus dem Array entfernt werden müssen.
Ich habe Neuseeland in das bestehende Array aufgenommen und es wieder in Größe 4 gebracht.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Ausgabe -
7. isArray ()
Diese Methode prüft, ob eine Variable vom Typ Array ist oder nicht.
Machen wir das aus dem folgenden Schnappschuss
Fazit
Hier haben wir verschiedene Methoden zur Datenmanipulation mit Javascript gesehen, die nützlich sind, wenn Sie Spiele oder Webseiten entwickeln.
Empfohlene Artikel
Dies ist eine Anleitung zu Array-Methoden in JavaScript. Hier diskutieren wir mehrere Methoden, die uns bei der Durchführung einiger Operationen helfen, die während der Datenverarbeitung und -manipulation erforderlich sind. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren -
- Konstruktor in JavaScript
- Arrays in JavaScript
- Was ist JavaScript?
- Überschreiben in JavaScript
- Arrays in PHP