Arbeiten mit Array-Elementen

Sie wissen bereits, wie man Arrays erstellt, aber was werden Sie tun, wenn Ihr Chef Ihnen sagt, dass Sie das erste oder letzte Element aus dem Array löschen sollen? Oder vielleicht ein Element zum Array hinzufügen? Was ist, wenn Sie damit beauftragt werden, die Länge des Arrays (die Anzahl der Elemente im Array) zu ermitteln? Dann werden Sie sagen, dass Sie nicht wissen, wie das geht, und Sie könnten gefeuert werden 😩.

Aber keine Sorge! In diesem Kapitel werde ich Ihnen sagen, wie es geht, und wir werden uns die grundlegenden Methoden zur Arbeit mit Arrays ansehen!

Elemente zu einem Array hinzufügen.

Beginnen wir mit dem Einfachsten: Wie fügt man ein Element zu einem Array hinzu? Dafür können Sie die push-Methode verwenden! Schauen wir uns ein Beispiel an:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4);
console.log(numbers);

Also, wir haben ein Element zum numbers-Array hinzugefügt. Wir können auch mehrere Elemente auf einmal mit der push-Methode hinzufügen:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4, 5);
console.log(numbers);

Entfernen des letzten Elements

Wenn Sie leise das letzte Element stehlen müssen, können Sie dies mit der pop()-Methode tun. Diese Methode entfernt das letzte Element aus dem Array und gibt es zurück. Schauen wir uns ein Beispiel an:


              1234
            
let numbers: number[] = [1, 2, 3];
let lastElement = numbers.pop();
console.log(`array after modifying: ${numbers}`);
console.log(`the last element was ${lastElement}`);

Beachten Sie, dass das Zurückgeben eines Wertes bedeutet, ihn einer anderen Variablen zuzuweisen. Also weisen wir einer Variablen einen Wert zu, indem wir eine Methode eines Arrays verwenden. Wir werden im nächsten Abschnitt darüber sprechen, was Methoden, Funktionen und ihre Unterschiede sind.

Entfernen des ersten Elements

Die shift()-Methode entfernt das erste Element des Arrays und gibt dessen Wert zurück, zum Beispiel:


              123
            
let numbers: number[] = [1, 2, 3];
let firstElement = numbers.shift();
console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);

Es gibt auch eine reverse-Methode, die im Gegensatz dazu ein oder mehrere Elemente am Anfang des Arrays hinzufügt und die neue Länge des Arrays zurückgibt, zum Beispiel:


              123
            
let numbers: number[] = [2, 3, 4];
let newLength = numbers.unshift(0, 1);
console.log(`numbers: ${numbers} with length: ${newLength}`);

Kombinieren von Arrays

TypeScript ermöglicht es uns auch, zwei Arrays mit der Methode concat() zu kombinieren, die uns ein neues, frisches, größeres Array zurückgibt:


              1234
            
let array1: number[] = [1, 2];
let array2: number[] = [3, 4];
let combinedArray = array1.concat(array2); 
console.log(`combined array = ${combinedArray}`);

Wir können auch einen Teil eines Arrays extrahieren und in einem neuen Array speichern, indem wir die Methode slice() verwenden. Hierbei müssen wir die Indizes der äußersten Elemente angeben, und alle Elemente zwischen diesen Indizes werden in ein neues Array übertragen. Zum Beispiel:


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let slicedArray = numbers.slice(1, 4); 
console.log(`sliced array = ${slicedArray}`);

Hinweis

Das slicedArray enthält Elemente von Index 1 (einschließlich) bis Index 4 (ausschließlich), also umfasst es die Elemente mit den Indizes 1, 2 und 3.

Dies sind nicht alle Methoden und Wege, um mit Arrays zu arbeiten, aber dies sind die grundlegenden Methoden, die ein Anfänger kennen muss. Wenn Sie im Lernen von TypeScript fortschreiten, werden Sie neue Methoden entdecken, oder vielleicht wird das, was wir in diesem Kapitel gelernt haben, für Sie ausreichend sein.

1. Was macht die Methode `push`, wenn sie auf ein Array in TypeScript angewendet wird?

2. Welche Methode wird verwendet, um das erste Element aus einem Array in TypeScript zu entfernen?

War alles klar?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 2

Einführung in TypeScript