So ersetzen Sie ein Zeichen durch neue Zeile in JavaScript

Beim Testen einer Webseite oder einer Site kann es zu unerwünschten Zeichen oder Formatierfehlern wie Rechtschreibfehlern oder Unklarheiten im Text bestehen, die behandelt werden müssen. In solchen Fällen spielt das Ersetzen eines Charakters durch eine neue Zeile in JavaScript eine wichtige Rolle, um die Dinge klar zu machen und die Lesbarkeit des zusätzlichen Textes zu erhöhen.

In diesem Handbuch wird Sie über das Ersetzen eines Zeichens durch eine neue Zeile in JavaScript ersetzt.

So ersetzen Sie ein Zeichen durch neue Zeile in JavaScript?

Um ein Zeichen durch eine neue Zeile in JavaScript zu ersetzen, können Sie verwenden:

• “ersetzen()" Methode
• “alles ersetzen()" Methode

Wir werden jetzt jede der beiden Ansätze nacheinander durchlaufen!

Methode 1: Ersetzen Sie ein Zeichen durch eine neue Zeile in JavaScript mit der Methode "Ersatz ()"

Der "ersetzen()Methode sucht nach einem bestimmten Wert in der angegebenen Zeichenfolge und ersetzt ihn. Diese Methode kann angewendet werden, um ein bestimmtes Zeichen durch eine neue Linie zu ersetzen.

Syntax

Saite.ersetzen (SearchValue, NewValue)

Hier, "SearchValue"Wird durch das" ersetzt "neuer Wert”In der angegebenen Zeichenfolge.

Beispiel 1: Ersetzen “!”Mit neuer Linie

Geben Sie zunächst eine Überschrift in die “einTag und eine Schaltfläche und geben Sie seine ID an:

Ersetzen Sie den Charakter
Ersetzen Sie den Charakter

Wende an "dokumentieren.QuerySelector ()Methode und Zugriff auf die Schaltfläche mit der "Ausweis”Und Kopfhaut:

Lassen Sie AccessBtn = Dokument.QuerySelector ("Taste");
lass Head = Dokument.QuerySelector ("H");

Initialisieren Sie als nächstes eine Variable, die benannt ist “strMit einem Wert und setzen Sie ihn als innerer Text von "fest"Kopf”:

Sei Str = "Zeichen ersetzt durch eine neue Linie! Es war toll!";
Kopf.InnerText = str;

Danach eine Veranstaltung anwenden “klicken”Und verwenden Sie die Methode Ersatz (), um das spezifische Zeichen zu ersetzen“!"Mit einer neuen Zeile als" als "angegeben"\N”. Zuletzt zeigen Sie den entsprechenden Zeichenfolgenwert, nachdem Sie das Zeichen ersetzt haben:

AccessBtn.AddEventListener ("Click", () =>
sei result = str.ersetzen("!","\N");
Kopf.InnerText = Ergebnis;
);

Wenn die Schaltfläche hinzugefügt wird, klickt!”Wird durch die neue Linie ersetzt, die unten zu sehen ist:

Beispiel 2: Verwenden von Regex zum Austausch “!”Mit neuer Linie

In diesem Beispiel werden wir das verwenden “/!/G"Regex zum Ersetzen aller Spiele"!”Mit der neuen Zeile in der bereitgestellten Zeichenfolge. Dieser Regex wird dann zusammen mit der “als Argument an ersetzt () als Argument übergeben“\N”New Line Charakter:

AccessBtn.AddEventListener ("Click", () =>
lass regexp = /!/G;
sei result = str.ersetzen (regexp, "\ n");
Kopf.InnerText = Ergebnis;
);

Die entsprechende Ausgabe in diesem Fall ist:

Methode 2: Ersetzen Sie ein Zeichen mit einer neuen Zeile in JavaScript mit "Ersatz () ()" methode

Möchten Sie Regex nicht verwenden?? Kein Problem! Der "alles ersetzen()”Methode bringt Sie abgedeckt. Diese Methode kann zum Entfernen aller angegebenen Zeichen verwendet werden, die den gleichen Ausgang wie das vorherige Beispiel ergeben.

AccessBtn.AddEventListener ("Click", () =>
sei result = str.alles ersetzen("!","\N");
Kopf.InnerText = Ergebnis;
);

Ausgang

Wir haben verschiedene kreative Methoden erörtert, um einen Charakter durch eine neue Zeile in JavaScript zu ersetzen.

Abschluss

Um einen Charakter durch eine neue Zeile in JavaScript zu ersetzen, das “ersetzen()Die Methode kann verwendet werden, um ein bestimmtes Zeichen zu ersetzen, Regex -Muster mit Ersetzen Methode, um nach einem angegebenen Zeichen zu suchen und es zu ersetzen. Darüber hinaus die “alles ersetzen()”Kann auch verwendet werden, um alle in der hinzugefügten Zeichenfolge vorhandenen spezifischen Zeichen zu ersetzen. In diesem Artikel wurde das Verfahren zum Ersetzen eines Zeichens durch eine neue Zeile in JavaScript erörtert.