Titelfall-String-Manipulation

Einführung

In diesem Lab werden wir untersuchen, wie man mithilfe von JavaScript einen String in den Titelfall umwandelt. Wir werden reguläre Ausdrücke verwenden, um den String in Wörter aufzuteilen und dann den ersten Buchstaben jedes Wortes großzuschreiben. Am Ende dieses Labs wirst du ein besseres Verständnis dafür haben, wie man in JavaScript Strings manipuliert und diese Technik anwendet, um Text in deinen Webanwendungen zu formatieren.

Funktion zum Konvertieren eines Strings in den Titelfall

Um einen gegebenen String in den Titelfall zu konvertieren, verwenden Sie die folgende Funktion. Sie verwendet String.prototype.match(), um den String mit einem geeigneten regulären Ausdruck in Wörter aufzuteilen. Anschließend kombiniert sie sie mit Array.prototype.map(), Array.prototype.slice(), Array.prototype.join() und String.prototype.toUpperCase(). Dadurch wird der erste Buchstabe jedes Wortes großgeschrieben und ein Leerzeichen dazwischen hinzugefügt.

const toTitleCase = (str) =>
  str
    .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
    .join(" ");

Hier sind einige Beispiele für die Verwendung der Funktion:

toTitleCase("some_database_field_name"); // 'Some Database Field Name'
toTitleCase("Some label that needs to be title-cased");
// 'Some Label That Needs To Be Title Cased'
toTitleCase("some-package-name"); // 'Some Package Name'
toTitleCase("some-mixed_string with spaces_underscores-and-hyphens");
// 'Some Mixed String With Spaces Underscores And Hyphens'

Zusammenfassung

Herzlichen Glückwunsch! Du hast das Lab "Titelfall-String" abgeschlossen. Du kannst in LabEx weitere Labs absolvieren, um deine Fähigkeiten zu verbessern.