Array Accessor -Methoden in JavaScript mit Beispielen erläutert

Array Accessor -Methoden in JavaScript mit Beispielen erläutert
In JavaScript stehen mehrere integrierte Methoden zur Verfügung, die in der Perspektive der Arbeit mit Arrays sehr von Vorteil sind, z. B. die Methode, die das tatsächliche Array ändert. Während die Methode, die das primäre/ursprüngliche Array nicht ändert, stattdessen eine neue Darstellung für das Array auf der Grundlage des ursprünglichen Arrays zurückgibt. In diesem Beitrag werden wir verschiedene Array -Accessor -Methoden wie concat (), Slice (), Indexof (), Filter () und LastIndexof () () abdecken.

concat () Methode in JavaScript

In JavaScript wird die Concat -Methode verwendet, um den mehreren Arrays zu verbinden, und gibt daher ein neues Array zurück. Betrachten wir ein Beispiel, in dem wir zwei Arrays erstellt und im dritten Array verkettet und den untergewandten Code ansehen, um zu verstehen, wie "Concat ()" Methode funktioniert in JavaScript:

const array1 = [5,10,15,20,25];
const array2 = [30,35,40,45,50];
const resultant_array = array1.concat (array2);
Konsole.log ("Das resultierende Array ist:", resultant_array);

Im oben gegebenen Code verkettet das resultierende Array die ersten beiden Arrays:

Die Konsole.Die Protokollfunktion wird verwendet, um die Ausgabe des resultierenden Arrays auf der Browserkonsole zu erzeugen:

Die Ausgabe überprüft, dass das resultierende Array die Elemente von „Array1“ und „Array2“ kombiniert.

Join () -Methode in JavaScript

In JavaScript die "verbinden()" Die Methode gibt eine neue Zeichenfolge zurück, indem alle Array -Elemente in einer von einem Komma getrennten Zeichenfolge geführt werden ",".

const array1 = ['5', '10', '15', '20', '25'];
const resultant_array = array1.verbinden();
Konsole.log ("Das resultierende Array mit der Join -Methode lautet:", resultant_array);

Hier haben wir Array1-Werte als Zeichenfolgewerte genommen und die JavaScript-Implementierung des oben gegebenen Codes ist:

In der Ausgabe werden Sie beobachten, dass die "verbinden()" Funktion gibt eine Zeichenfolge zurück, die durch ein Komma getrennt wird.

In JavaScript kann jeder die Stringelemente durch ein anderes Symbol ihrer Wahl trennen. Angenommen, wir wollen verwenden "|" Als getrennter anstelle von Komma werden wir es als:

const array1 = ['5', '10', '15', '20', '25'];
const resultant_array = array1.Join ('|');
Konsole.log ("Das resultierende Array mit der Join -Methode lautet:", resultant_array);

Wir werden den obigen Code in JavaScript als:

Die resultierende Ausgabe wird sein:

filter () Methode in JavaScript

In JavaScript wird die Methode „filter ()“ verwendet, um ein Array auf der Grundlage einer Bedingung zu filtern. Zum Beispiel möchten wir positive Zahlen aus einem Array filtern, der Code in JavaScript wäre:

const All_numbers = [5, -10,15, -20, -25,30];
const positiv_only = all_numbers.filter (Funktion (Nummer)
Rückgabezahl> = 0;
);
Konsole.log (positiv_only);

In dem Beispiel haben wir also ein Array, das sowohl aus positiven als auch aus negativen Zahlen besteht, und wir möchten das Array filtern und nur positive Zahlen anzeigen. Daher setzen wir eine Bedingung, die überprüft, ob „die Zahl größer oder gleich 0 ist“ oder nicht, als Ergebnis:

Unsere Ausgabe zeigt, dass die Methode „filter ()“ nur die positiven Zahlen druckt:

Slice () -Methode in JavaScript

JavaScript verwendet die Methode "Slice ()", um einen Teil des Arrays in ein neues Array zu kopieren, und akzeptiert zwei optionale Parameter Startindex und den letzten Index. Betrachten wir ein Szenario, in dem wir nur die ersten drei Elemente des Arrays wollen. Wir werden dies mit der Slice -Methode tun. Der letzte Index muss der Index „N+1“ sein. Wenn Sie Werte zwischen Index 0 bis Index 2 wünschen, müssen Sie den letzten Index als '3' schreiben:

const array1 = [5,10,15,20,25];
const resultant_array = array1.Slice (0,3);
Konsole.log ("Das resultierende Array ist:", resultant_array);

Hier nehmen wir den ersten Index mit 0 und schreiben den letzten Index als 3, die Slice -Methode schließt den letzten Index '3' aus und berücksichtigt die Array -Elemente für Index 0, Index 1 und Index 2 nur.

Die Ausgabe des obigen Programms ist:

Indexof () Methode in JavaScript

JavaScript verwendet die Index -Methode, um das Auftreten eines Elements in einem Array zu ermitteln, und kehrt -1 zurück, wenn das Element im Array nicht gefunden wird. Darüber hinaus, wenn ein Array das gleiche Element zweimal hat, dann das "Index von" Die Methode gibt die Position des ersten Ereignisses zurück. Betrachten Sie den folgenden Code, um zu verstehen, wie "Index von" Methode funktioniert:

const array1 = [5,10,15,15,20,25];
const resultant_array = array1.Indexof (15);
Konsole.log ("Das resultierende Array ist:", resultant_array);

Die JavaScript -Implementierung der Index -Methode lautet:

Die Ausgabe des oben gegebenen Codes überprüfen, dass die Methode „IndexOF“ die erste Instanz des durchsuchten Elements zurückgibt:

LastIndexof () Methode in JavaScript

JavaScript verwendet die "LastIndexof" Methode, um das letzte Erscheinungsbild eines Elements in einem Array zu finden, und diese Methode gibt -1 zurück, wenn es im Array kein Element findet:

const array1 = [5,10,15,15,20,25];
const resultant_array = array1.lastIndexof (15);
Konsole.log ("Sie haben nach Array -Index gesucht:", resultant_array);

Die Implementierung des obigen Codes ist:

In Array1 wird '15' zweimal wiederholt, also die "LastIndexof" Die Methode gibt den Index des letzten Auftretens von '15' zurück:

Include () Methode in JavaScript

JavaScript verwendet "Include ()" Methode zur Suche nach jedem Element in einem Array wird ein Boolescher Wert zurückgegeben:

const array1 = [5,10,15,15,20,25];
const resultant_array = array1.beinhaltet (15);
Konsole.log ("gesuchter Wert gefunden:", resultant_array);

Hier suchten wir nach '15' mit der Methode „Include ()“ nach '15':

Die Methode „Include ()“ gibt die Ausgabe true zurück, da '15' im Array vorhanden ist:

Abschluss:

Die Array Accessor -Methoden führen einige Aktionen in den Arrays aus und geben daher eine neue erweiterte Darstellung in JavaScript zurück. In diesem Beitrag haben wir solche Methoden im Detail erfahren, indem wir einige Beispiele berücksichtigen. Darüber hinaus haben wir jede Methode in JavaScript implementiert und die gewünschte Ausgabe gegen jede Methode festgestellt. Dieser Artikel hilft den Lesern, die integrierten Array-Accessor-Methoden in JavaScript zu implementieren.