Heim > Web-Frontend > js-Tutorial > Wie ersetze ich in JavaScript mehrere Leerzeichen durch ein einzelnes Leerzeichen?

Wie ersetze ich in JavaScript mehrere Leerzeichen durch ein einzelnes Leerzeichen?

Barbara Streisand
Freigeben: 2024-11-07 19:49:03
Original
586 Leute haben es durchsucht

How to Replace Multiple Spaces with a Single Space in JavaScript?

Ersetzen mehrerer Leerzeichen durch ein einzelnes Leerzeichen mithilfe regulärer Ausdrücke

Beim Arbeiten mit Zeichenfolgen mit ungleichmäßigem Abstand kann es wünschenswert sein, mehrere Leerzeichen zu komprimieren Leerzeichen in ein einzelnes Leerzeichen umwandeln. Dies kann die Lesbarkeit und Konsistenz von Text verbessern.

jQuery- oder JavaScript-Lösung:

Eine effektive Möglichkeit, dies zu erreichen, sind reguläre Ausdrücke. Betrachten Sie zum Beispiel die folgende Zeichenfolge:

"The dog      has a long   tail, and it     is RED!"
Nach dem Login kopieren

Um alle aufeinanderfolgenden Leerzeichen zu einem einzigen Leerzeichen zusammenzufassen, können wir den folgenden regulären Ausdruck verwenden:

/\s\s+/g
Nach dem Login kopieren

wobei:

  • s entspricht einem einzelnen Leerzeichen (Leerzeichen, Tabulator, Zeilenumbruch usw.)
  • entspricht einem oder mehreren Vorkommen des vorhergehenden Zeichens

Dieser reguläre Ausdruck würde zwei ersetzen oder mehrere aufeinanderfolgende Leerzeichen mit einem einzelnen Leerzeichen. Durch Anwenden der .replace()-Methode mit diesem regulären Ausdruck erhalten wir:

"The dog has a long tail, and it is RED!"
Nach dem Login kopieren

Alternative Lösung:

Wenn Sie nur Leerzeichen (und keine anderen) ersetzen möchten Leerzeichen), können Sie stattdessen diesen regulären Ausdruck verwenden:

/  +/g
Nach dem Login kopieren

wobei es sich um ein wörtliches Leerzeichen handelt.

Das obige ist der detaillierte Inhalt vonWie ersetze ich in JavaScript mehrere Leerzeichen durch ein einzelnes Leerzeichen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage