JavaScript Zeichenkettenmanipulation | Tutorial zur Zeilenumbrücheiner Zeichenkette

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.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/template_lit("Template Literals") subgraph Lab Skills javascript/variables -.-> lab-28697{{"Zeichenkette umbrechen"}} javascript/data_types -.-> lab-28697{{"Zeichenkette umbrechen"}} javascript/arith_ops -.-> lab-28697{{"Zeichenkette umbrechen"}} javascript/comp_ops -.-> lab-28697{{"Zeichenkette umbrechen"}} javascript/template_lit -.-> lab-28697{{"Zeichenkette umbrechen"}} end

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 von max Zeichen einzufügen.
Wenn Sie nicht den Standardwert '\n' für das dritte Argument br verwenden 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.