TypeScript - Strings: Ein Anfängerleitfaden

Hallo, zukünftige Programmierer! Heute machen wir uns auf eine aufregende Reise in die Welt der TypeScript-Strings. Als dein freundlicher Nachbarschafts-Computerlehrer bin ich hier, um dich durch dieses grundlegende Konzept zu führen. Keine Sorge, wenn du noch nie programmiert hast – wir fangen von vorne an und bauen unser Wissen schrittweise auf. Also hole dir eine Tasse deines Lieblingsgetränks und tauchen wir ein!

Was sind Strings?

Bevor wir uns den spezifischen Details von TypeScript zuwenden, lassen wir uns verstehen, was Strings sind. In der Programmierung ist ein String einfach eine Sequenz von Zeichen. Es könnte ein Wort, ein Satz oder sogar ein ganzer Absatz sein. Denke daran als eine "String" von Buchstaben, Zahlen oder Symbolen, die miteinander verbunden sind.

Erstellen von Strings in TypeScript

In TypeScript können wir Strings auf verschiedenen Wegen erstellen. Sehen wir uns die häufigsten Methoden an:

1. Verwenden von einfachen Anführungszeichen

let begrüßung: string = 'Hallo, Welt!';
console.log(begrüßung);

In diesem Beispiel erstellen wir eine String-Variablen namens begrüßung und weisen ihr den Wert 'Hallo, Welt!' zu. Die console.log()-Funktion gibt diesen dann in der Konsole aus.

2. Verwenden von doppelten Anführungszeichen

let name: string = "Alice";
console.log(name);

Dies tut dasselbe wie das vorherige Beispiel, verwendet jedoch doppelte Anführungszeichen. In TypeScript sind einfache und doppelte Anführungszeichen für Strings austauschbar.

3. Verwenden von Backticks (Template-Literale)

let alter: number = 25;
let vorstellung: string = `Mein Name ist Alice und ich bin ${alter} Jahre alt.`;
console.log(vorstellung);

Hier wird es spannend! Backticks erlauben uns die Erstellung dessen, was wir "Template-Literale" nennen. Sie lassen uns Ausdrücke (wie unsere alter-Variable) direkt in den String einbetten. Die ${}-Syntax wird verwendet, um den Wert von alter in unseren String einzufügen.

String-Eigenschaften

Nun, da wir wissen, wie man Strings erstellt, werfen wir einen Blick auf einige ihrer Eigenschaften. Die am häufigsten verwendete Eigenschaft ist length.

let sentence: string = "Die schnelle braune Fox springt über den faulen Hund.";
console.log(sentence.length); // Gibt aus: 44

Die length-Eigenschaft tells uns, wie viele Zeichen in unserem String sind, einschließlich Leerzeichen und interpunktion. Es ist super nützlich, wenn wir die Größe unseres Strings kennen müssen.

String-Methoden

Strings in TypeScript verfügen über eine Vielzahl von eingebauten Methoden, die uns die Manipulation und Verwendung von ihnen ermöglichen. Sehen wir uns einige der am häufigsten verwendeten an:

Methode	Beschreibung	Beispiel
toLowerCase()	Konvertiert alle Zeichen in Kleinbuchstaben	"HELLO".toLowerCase() // "hello"
toUpperCase()	Konvertiert alle Zeichen in Großbuchstaben	"hello".toUpperCase() // "HELLO"
trim()	Entfernt Leerzeichen von beiden Enden eines Strings	" hi ".trim() // "hi"
substring(start, end?)	Extractiert einen Teil eines Strings	"hello".substring(1, 4) // "ell"
replace(searchValue, replaceValue)	Ersetzt Vorkommen eines Strings	"hello".replace("l", "L") // "heLlo"
split(separator)	Teilt einen String in ein Array von Substrings	"a,b,c".split(",") // ["a", "b", "c"]

Sehen wir uns diese in Aktion mit einigen Beispielen an:

let str: string = "   Hallo, TypeScript!   ";

// In Kleinbuchstaben konvertieren
console.log(str.toLowerCase()); // "   hello, typescript!   "

// In Großbuchstaben konvertieren
console.log(str.toUpperCase()); // "   HELLO, TYPESCRIPT!   "

// Leerzeichen trimmen
console.log(str.trim()); // "Hallo, TypeScript!"

// einen Teil des Strings erhalten
console.log(str.substring(3, 8)); // "Hallo"

// einen Teil des Strings ersetzen
console.log(str.replace("TypeScript", "Welt")); // "   Hallo, Welt!   "

// den String teilen
console.log(str.trim().split(",")); // ["Hallo", " TypeScript!"]

Jede dieser Methoden gibt einen neuen String zurück, lässt den ursprünglichen String jedoch unverändert. Dies ist ein wichtiger Begriff in der Programmierung, der als "Unveränderlichkeit" bezeichnet wird.

Praktische Beispiele

Nun, da wir die Grundlagen abgedeckt haben, sehen wir uns einige realistische Beispiele an, bei denen String-Manipulation nützlich sein kann.

1. Validierung von Benutzereingaben

Stellen wir uns vor, du erstellst ein Anmeldeformular und möchtest sicherstellen, dass der Benutzername keine führenden oder nachgestellten Leerzeichen hat:

function validateUsername(username: string): string {
return username.trim();
}

let eingabe: string = "  alice_smith  ";
let bereinigteBenutzername: string = validateUsername(eingabe);
console.log(bereinigteBenutzername); // "alice_smith"

2. Erstellung einer einfachen Suchfunktion

Lassen wir uns eine Funktion erstellen, die überprüft, ob ein bestimmtes Wort in einem Satz vorkommt:

function searchWord(sentence: string, word: string): boolean {
return sentence.toLowerCase().includes(word.toLowerCase());
}

let text: string = "Die schnelle braune Fox springt über den faulen Hund";
console.log(searchWord(text, "fox")); // true
console.log(searchWord(text, "katze")); // false

Diese Funktion konvertiert sowohl den Satz als auch das Suchwort in Kleinbuchstaben, um die Suche case-insensitiv zu gestalten.

3. Formatierung von Namen

Hier ist eine Funktion, die einen vollständigen Namen aus getrennten Vornamen und Nachnamen erstellt:

function formatName(firstName: string, lastName: string): string {
return `${firstName.charAt(0).toUpperCase()}${firstName.slice(1).toLowerCase()} ${lastName.toUpperCase()}`;
}

console.log(formatName("john", "doe")); // "John DOE"

Diese Funktion kapitalisiert den ersten Buchstaben des Vornamens, macht den Rest kleingeschrieben und den gesamten Nachnamen großgeschrieben.

Schlussfolgerung

Herzlichen Glückwunsch! Du hast gerade deine ersten Schritte in die Welt der TypeScript-Strings gemacht. Wir haben gelernt, wie man Strings erstellt, ihre Eigenschaften und die am häufigsten verwendeten Methoden zur Manipulation. Denke daran, Übung macht den Meister, also habe keine Angst, mit diesen Konzepten zu experimentieren.

In meinen Jahren des Unterrichtens habe ich festgestellt, dass Schüler, die mit Code herumspielen und Dinge kaputt machen, oft am schnellsten lernen. Also probiere diese Beispiele aus, ändere sie und sieh, was passiert. Wer weiß? Vielleicht entdeckst du etwas Neues und Aufregendes!

Weiter codieren, bleib neugierig und erinnere dich daran: In der Welt der Programmierung ist jede Fehlermeldung nur eine neue Lerngelegenheit in Verkleidung. Frohes Coden!

Credits: Image by storyset