Jak zastąpić postać nową linią w JavaScript

Podczas testowania strony internetowej lub witryny mogą istnieć niechciane znaki lub błędy formatowania, takie jak błędy pisowni lub dwuznaczność w tekście. W takich przypadkach zastąpienie postaci nową linią w JavaScript odgrywa ważną rolę w wyjaśnianiu i zwiększeniu czytelności dodanego tekstu.

Ten podręcznik poprowadzi Cię o zastąpienie postaci nową linią w JavaScript.

Jak zastąpić postać nową linią w JavaScript?

Aby zastąpić postać nową linią w JavaScript, możesz użyć:

• "zastępować()" metoda
• "Zamień wszystko()" metoda

Przejdziemy teraz każde z dwóch podejść jeden po drugim!

Metoda 1: Zastąp znak nową linią w JavaScript za pomocą metody „Wymień ()”

„„zastępować()”Metoda wyszukuje określoną wartość w danym ciągu i zastępuje ją. Tę metodę można zastosować w celu zastąpienia określonego znaku nową linią.

Składnia

strunowy.Wymień (SearchValue, newValue)

Tutaj, "Wartość wyszukiwania”Zostanie zastąpiony„Nowa wartość”W danym ciągu.

Przykład 1: Wymień „!”Z nową linią

Po pierwsze, dołącz nagłówek w „„Tag i przycisk i określ jego identyfikator:

Wymień znak
Wymień znak

Aplikować "dokument.QuerySelelect ()”Metoda i dostęp do przycisku za pomocą„ID”I nagłówek odpowiednio:

Niech AccessBtn = dokument.querySelelect („przycisk”);
Let Head = Dokument.QuerySelelect („H”);

Następnie zainicjuj zmienną o nazwie „str”Z wartością i ustaw go jako wewnętrzny tekst„głowa”:

Niech str = "Zastępowana nową linią! To było wspaniałe!";
głowa.innertext = str;

Następnie zastosuj wydarzenie „Kliknij”I wykorzystaj metodę zastępowania (), aby zastąpić konkretny znak„!”Z nową linią określoną jako„\N". Na koniec wyświetl odpowiednią wartość ciągów po wymianie znaku:

AccessBtn.addEventListener („kliknij”, () =>
Niech wynik = str.zastępować("!","\N");
głowa.innerText = wynik;
);

Po kliknięciu dodanego przycisku „!”Zostanie zastąpiony nową linią, którą można zobaczyć poniżej:

Przykład 2: Używanie Regex do wymiany „!”Z nową linią

W tym przykładzie wykorzystamy „/!/G„Regex do wymiany wszystkich meczów”!”Z nową linią w dostarczonym ciągu. Niniejsza Regex zostanie następnie przekazana do metody zastępczej () jako argument wraz z „\N„Nowa postać linii:

AccessBtn.addEventListener („kliknij”, () =>
Niech Regexp = /!/G;
Niech wynik = str.zamień (Regexp, „\ n”);
głowa.innerText = wynik;
);

Odpowiednie wyjście w tym przypadku będzie:

Metoda 2: Zastąp znak nową linią w JavaScript za pomocą metody „ZamieńalL ()”

Nie chcesz używać Regex? Bez obaw! „„Zamień wszystko()”Metoda Cię pokryje. Tę metodę można zastosować do usuwania wszystkich określonych znaków, które da to samo wyjście, co poprzedni przykład.

AccessBtn.addEventListener („kliknij”, () =>
Niech wynik = str.Zamień wszystko("!","\N");
głowa.innerText = wynik;
);

Wyjście

Omówiliśmy różne kreatywne metody zastąpienia postaci nową linią w JavaScript.

Wniosek

Aby zastąpić postać nową linią w JavaScript, „zastępować()”Metodę można wykorzystać do zastąpienia określonego znaku, wzorzec regex z metodą zastąpienia w celu wyszukiwania określonego znaku i zastąpienia go. Co więcej, „Zamień wszystko()”Można również użyć do zastąpienia wszystkich określonych znaków obecnych w dodanym ciągu. W tym zapisie omówiono procedurę zastąpienia postaci nową linią w JavaScript.