Einführung
In diesem Lab werden wir das Konzept der Zeichenkettenmanipulation in JavaScript erkunden. Insbesondere werden wir uns auf die wordWrap-Funktion konzentrieren, die es uns ermöglicht, eine Zeichenkette anhand eines Zeilenumbruchzeichens auf eine gegebene Anzahl von Zeichen umzubrechen. Am Ende dieses Labs werden Sie ein besseres Verständnis dafür haben, wie Sie in JavaScript Zeichenketten manipulieren, um bestimmte Formatierungsanforderungen zu erfüllen.
Anweisungen zur Umbrücheiner Zeichenkette
Um zu üben, öffnen Sie das Terminal/SSH und geben Sie node ein.
Dieser Code umbricht eine Zeichenkette auf eine gegebene Anzahl von Zeichen mit einem Zeilenumbruchzeichen. Um ihn zu verwenden, folgen Sie diesen Schritten:
- Verwenden Sie
String.prototype.replace()und eine reguläre Ausdruck, um ein angegebenes Umbruchzeichen an der nächsten Leerzeichenposition vonmaxZeichen einzufügen. - Wenn Sie nicht den Standardwert
'\n'für das dritte Argumentbrverwenden möchten, können Sie es weglassen und Ihr eigenes Zeichen angeben.
Hier ist der Code:
const wordWrap = (str, max, br = "\n") =>
str.replace(
new RegExp(`(?![^\\n]{1,${max}}$)([^\\n]{1,${max}})\\s`, "g"),
"$1" + br
);
Und hier sind einige Beispiele für die Verwendung:
wordWrap(
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus.",
32
);
// 'Lorem ipsum dolor sit amet,\nconsectetur adipiscing elit.\nFusce tempus.'
wordWrap(
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus.",
32,
"\r\n"
);
// 'Lorem ipsum dolor sit amet,\r\nconsectetur adipiscing elit.\r\nFusce tempus.'
Zusammenfassung
Herzlichen Glückwunsch! Sie haben das Lab "Zeichenkette umbrechen" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.