TypeScript:
Suchen und Ersetzen von Text

So geht’s:

Hier ist ein einfaches Beispiel, wie du in TypeScript Text suchen und ersetzen kannst:

let text: string = "Hallo Welt! Hallo TypeScript!";
let searchText: string = "Hallo";
let replaceWith: string = "Tschüss";

let result: string = text.replace(new RegExp(searchText, 'g'), replaceWith);
console.log(result); // "Tschüss Welt! Tschüss TypeScript!"

In TypeScript benutzen wir die replace-Methode in Kombination mit RegExp für globalen Ersatz.

Deep Dive

Suchen und Ersetzen in Texten ist so alt wie die Informatik selbst. Anfänge datieren zurück zu den Tagen der Texteditoren in den frühen 1970ern. Heute bieten nahezu alle Programmiersprachen eingebaute Funktionen hierfür.

Alternativen zur replace-Methode könnten Bibliotheken wie Lodash sein, die robuste String-Manipulationsfunktionen anbieten. Die Implementierungsdetails variieren je nach Sprache und Plattform; in JavaScript und TypeScript arbeitet replace effektiv mit regulären Ausdrücken (RegEx) zusammen, welche das Herzstück leistungsfähiger Textverarbeitung sind.

RegEx können komplex sein – sie bieten jedoch mächtige Werkzeuge zum Suchen und Ersetzen, indem sie Muster erkennen, die über einfache Zeichenketten hinausgehen.

Angenommen, du möchtest Hashtags in einem Text finden und verlinken, wäre es so:

let tweet: string = "Programmieren ist super! #coding #typescript";
tweet = tweet.replace(/#(\w+)/g, '<a href="https://hashtag.example.com/$1">#$1</a>');
console.log(tweet);

Die Ausgabe wäre ein String mit HTML-Links zu den Hashtags.

Siehe auch:

• TypeScript-Dokumentation zur replace-Methode: MDN - String.prototype.replace()
• Regex-Tester und Debugger: RegExr
• Einführung in RegEx in JavaScript: RegEx Guide
• Lodash, eine nützliche Bibliothek für JavaScript und TypeScript: Lodash