Implementieren Arraylist in JavaScript

1. Array-Elemente erstellen in JavaScript
2. Zugriff auf Array-Elemente in JavaScript
3. Hinzufügen von Elementen zu einem Array in JavaScript
4. Entfernen von Elementen aus dem Array

Wir kennen uns in Java sehr gut mit der Arraylist aus, die es uns ermöglicht, Elemente zu einem Array hinzuzufügen, ohne seine Größe anzugeben. Es ist eine nette Funktion, aber haben wir etwas Ähnliches in JavaScript? Jede Sprache hat ihren eigenen Satz von Datenstrukturen. In JavaScript haben wir Arrays, die sowohl homogene als auch heterogene Werte speichern können. Heterogen bedeutet, dass die Werte von verschiedenen Datentypen wie String, Zahl, Boolean usw. sein können, die alle in einem einzigen Array zusammengefasst sind. Es ist ein einzigartiges und besseres Feature im Vergleich zur ArrayList in Java.

Array-Elemente erstellen in JavaScript

Ein array in JavaScript zu erstellen ist einfach. Wir erstellen ein Array mit dem Schlüsselwort var. Es ist ähnlich wie wir ein Array mit ArrayList in Java erstellen. Java besteht darauf, den Datentyp der ArrayList anzugeben. Aber in JavaScript deklarieren wir den Datentyp des Arrays nicht explizit. Wir überlassen diese Entscheidung dem JavaScript-Interpreter basierend auf den im Array zugewiesenen Werten. Wie dem auch sei, für JavaScript ist der Typ des Arrays object. Beziehen Sie sich auf den folgenden Code, um ein Array zu erstellen.

var a = [1, 6, 3, 5];
console.log(a.length);
console.log(typeof a);
console.log(typeof a[2]);

OAusgabe:

4
object
number

• length: JavaScript hat das length-Attribut, das die Größe eines Arrays zurückgibt.
• typeof: typeof ist ein unärer Operator. Und es wird verwendet, um den Operandentyp in JavaScript zu finden. Der obige Code gibt den Datentyp von Array als Objekt mit dem Operator typeof zurück.

Zugriff auf Array-Elemente in JavaScript

Genau wie die Arraylist in Java können wir mit Schleifen, der for-Schleife und der while-Schleife über ein JavaScript-Array iterieren. JavaScript hat auch die Funktion .foreach() zum Iterieren über Elemente in einem Array. Mit foreach() können wir auf jedem Array-Element bestimmte Codezeilen ausführen. Die Funktion foreach akzeptiert eine Funktion als Parameter. Wir können diese Funktion als Inline-Funktion schreiben. Sehen Sie sich das folgende Code-Snippet an, um es besser zu verstehen.

var a = ['hello', 1, false];
a.forEach((i) => {
  console.log(typeof i);
})

OAusgabe:

string
number
boolean

Hier wenden wir die Operation typeof auf jedes Element des Arrays an. Der Code protokolliert die Ausgabe weiter in der Webbrowser-Konsole. JavaScript hat eine weitere Funktion, die Funktion .reverse(), die die Position von Elementen im Array umkehrt. Siehe den folgenden Code.

var a = ['hello', 1, false];
console.log(a.reverse());

OAusgabe:

[false, 1, "hello"]

Das obige Protokoll wurde in der Google Chrome-Webbrowserkonsole abgerufen.

Hinzufügen von Elementen zu einem Array in JavaScript

Mit der Funktion .add() in Java können wir Elemente zu einer ArrayList hinzufügen. In ähnlicher Weise haben wir in JavaScript einige Funktionen, mit denen wir Elemente an verschiedenen Positionen in einem Array hinzufügen können.

• .push(): Wie der Name schon sagt, können wir mit der Funktion push() Elemente zu einem Array hinzufügen. Es hängt das als Parameter an die Funktion übergebene Element am Ende des Arrays an. Die Funktion push() verändert das ursprüngliche Array. Seien Sie sich daher dessen bewusst, wenn Sie es im Code verwenden. Es gibt die geänderte Größe des Arrays zurück, nachdem das neue Element hinzugefügt wurde.
• .unshift(): Wenn wir ein Element am Anfang des Arrays hinzufügen müssen, wird es eine hektische Aufgabe, da wir alle Inhalte im Array durch einen Index neu positionieren müssen. Diese Aufgabe können wir mit der Funktion .unshift() in JavaScript lösen. Mit unshift() können wir am Anfang des Arrays ein oder mehrere Elemente hinzufügen. Die Elemente, die wir dem Array hinzufügen möchten, übergeben wir als Parameter an die Funktion unshift.

var a = ['hello', 1, false];
a.push(2.15);
console.log(a);
a.unshift(123);
console.log(a);

OAusgabe:

["hello", 1, false, 2.15]
[123, "hello", 1, false, 2.15]

Die Ausgabe erfolgt wie im Google Chrome-Webbrowser. Beachten Sie, dass die Operationen das ursprüngliche Array ändern, ohne den Zuweisungsoperator verwenden zu müssen.

Entfernen von Elementen aus dem Array

Ebenso können wir mit den folgenden JavaScript-Funktionen ein Element aus einem Array entfernen. Sie ist vergleichbar mit der Funktion remove() von ArrayList in Java.

• .pop() Wenn wir ein Element hinter dem array entfernen möchten, können wir die Funktion .pop() verwenden. Beachten Sie jedoch, dass die Funktion das ursprüngliche Array ändert und das letzte Element zurückgibt, das gerade von ihr gepoppt wurde.
• .shift() Wenn wir ein Element vom Anfang des Arrays entfernen müssen, können wir die Funktion .shift() verwenden. Wie .pop() verändert auch .shift() das ursprüngliche Array. Seien Sie also vorsichtig, wenn Sie die Funktion .shift() verwenden.

var a = [123, 'hello', 1, false, 2.15];
a.pop();
console.log(a);
a.shift();
console.log(a);

Ausgabe:

[123, "hello", 1, false]
["hello", 1, false]

Hier gibt es ein paar Dinge zu beachten.

1. Sowohl die Funktionen pop() als auch shift() akzeptieren keine Parameter. Und sie werden verwendet, um zu einem bestimmten Zeitpunkt ein Element aus einem Array zu entfernen.
2. Sie ändern das ursprüngliche Array, ohne dass ein Zuweisungsoperator erforderlich ist. Daher müssen wir sie mit Bedacht einsetzen, da wir sonst möglicherweise unbekannten Nebenwirkungen ausgesetzt sind, die schwer zu debuggen sind.

Hinzufügen und Entfernen mehrerer Elemente aus einem Array

Es gibt eine weitere Methode in JavaScript, die Funktion splice(). Wir können damit ein oder mehrere Elemente zu einem Array hinzufügen oder daraus entfernen. Die Funktion splice() verwendet einige Parameter wie folgt.

• startIndex: Wir geben den Array-Index mit dem Parameter startIndex an.
• count: Dieser Parameter gibt die Anzahl der Elemente an, die wir aus dem Array löschen möchten. Wird kein Zähler angegeben, dann löscht splice() alle Elemente vom startIndex bis zum Ende des Arrays.
• elements: Der/die letzte(n) Parameter ist die Liste der Elemente, die wir aus dem startIndex zum Array hinzufügen möchten. Wird in der Funktion splice() kein Element angegeben, wird das Element aus dem Array entfernt.

Schauen wir uns den folgenden Code an, um mehr zu verstehen.

var a = [123, 'hello', 1, false, 2.15];
a.splice(2, 1, 'there');
console.log(a);
a.splice(2, 2);
console.log(a);
a.splice(2);
console.log(a);

Ausgabe:

[123, "hello", "there", false, 2.15]
[123, "hello", 2.15]
[123, "hello"]