Leerzeichen in Zeichenketten zusammenfassen | JavaScript-Tutorials

Einführung

In diesem Lab werden wir untersuchen, wie man Leerzeichen in einer Zeichenkette mit JavaScript zusammenfasst. Wir werden die String.prototype.replace()-Methode und eine reguläre Ausdrucksmuster verwenden, um alle Vorkommen von zwei oder mehr Leerzeichen durch ein einzelnes Leerzeichen zu ersetzen. Dies wird uns helfen, die Textdaten in unseren Webanwendungen effektiv zu formatieren und aufzuräumen.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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") subgraph Lab Skills javascript/variables -.-> lab-28207{{"Leerzeichen in JavaScript-Zeichenketten zusammenfassen"}} javascript/data_types -.-> lab-28207{{"Leerzeichen in JavaScript-Zeichenketten zusammenfassen"}} javascript/arith_ops -.-> lab-28207{{"Leerzeichen in JavaScript-Zeichenketten zusammenfassen"}} javascript/comp_ops -.-> lab-28207{{"Leerzeichen in JavaScript-Zeichenketten zusammenfassen"}} end

Funktion zum Zusammenfassen von Leerzeichen in einer Zeichenkette

Um Leerzeichen in einer Zeichenkette zusammenzufassen, verwenden Sie die compactWhitespace()-Funktion.

Sie verwendet String.prototype.replace() mit einem regulären Ausdrucksmuster, um alle Vorkommen von 2 oder mehr Leerzeichen durch ein einzelnes Leerzeichen zu ersetzen.
Die Funktion nimmt eine Zeichenkette als Argument entgegen und gibt die zusammengefasste Zeichenkette zurück.

const compactWhitespace = (str) => str.replace(/\s{2,}/g, " ");

Beispielverwendung:

compactWhitespace("Lorem    Ipsum"); // 'Lorem Ipsum'
compactWhitespace("Lorem \n Ipsum"); // 'Lorem Ipsum'

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab „Compact Whitespaces“ abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.