Hvordan erstatte et tegn med ny linje i JavaScript

Mens du tester en webside eller et nettsted, kan det eksistere uønskede tegn eller formateringsfeil, for eksempel stavefeil eller tvetydighet i teksten, som må håndteres. I slike tilfeller spiller å erstatte en karakter med en ny linje i JavaScript en viktig rolle i å gjøre ting klart og øke lesbarheten til den ekstra teksten.

Denne håndboken vil guide deg om å erstatte et tegn med en ny linje i JavaScript.

Hvordan erstatte et tegn med ny linje i JavaScript?

For å erstatte et tegn med en ny linje i JavaScript, kan du bruke:

• “erstatte()”Metode
• “erstatning ()”Metode

Vi vil nå gå gjennom hver av de to tilnærmingene en etter en!

Metode 1: Erstatt et tegn med ny linje i JavaScript ved å bruke “erstatte ()” -metode

“erstatte()”Metode søker etter en spesifikk verdi i den gitte strengen og erstatter den. Denne metoden kan brukes for å erstatte et spesifikt tegn med en ny linje.

Syntaks

streng.Erstatt (SearchValue, NewValue)

Her, “SearchValue”Vil bli erstattet med“NewValue”I den gitte strengen.

Eksempel 1: Erstatt “!”Med ny linje

Først må du ta med en overskrift i "”Tag og en knapp og spesifiser IDen sin:

Erstatt karakteren
Erstatt karakteren

Bruk “dokument.QuerySelector ()”Metode og få tilgang til knappen ved å bruke dens“id”Og overskrift henholdsvis:

La AccessBtn = dokument.QuerySelector ("Button");
La Head = dokument.QuerySelector ("H");

Deretter initialiser en variabel som heter “str”Med en verdi og sett den som den indre teksten til“hode”:

la str = "karakter erstattet med en ny linje! Det var flott!";
hode.innertekst = str;

Etter det, bruk en hendelse “Klikk”Og bruk erstatningsmetoden for å erstatte den spesifikke karakteren”!”Med en ny linje spesifisert som“\ n”. Til slutt, vis den tilsvarende strengverdien etter å ha erstattet tegnet:

AccessBtn.AddEventListener ("Klikk", () =>
La resultatet = str.erstatte("!"," \ n ");
hode.innertekst = resultat;
);

Når den ekstra knappen er klikket, "!”Vil bli erstattet med den nye linjen som kan sees nedenfor:

Eksempel 2: Bruke regex for å erstatte “!”Med ny linje

I dette eksemplet vil vi bruke "/!/g”Regex for å erstatte alle kampene”!”Med den nye linjen i den medfølgende strengen. Denne regexen vil deretter bli ført til å erstatte () metode som et argument sammen med "\ n”Ny linjekarakter:

AccessBtn.AddEventListener ("Klikk", () =>
la regexp = /!/g;
La resultatet = str.erstatte (regexp, "\ n");
hode.innertekst = resultat;
);

Den tilsvarende utgangen i dette tilfellet vil være:

Metode 2: Erstatt et tegn med ny linje i JavaScript ved å bruke "erstatnings ()" -metode

Vil du ikke bruke regex? Ingen bekymringer! “erstatning ()”Metoden får deg dekket. Denne metoden kan brukes til å fjerne alle de spesifiserte tegnene, som vil gi samme utgang som forrige eksempel.

AccessBtn.AddEventListener ("Klikk", () =>
La resultatet = str.erstatning ("!"," \ n ");
hode.innertekst = resultat;
);

Produksjon

Vi har diskutert forskjellige kreative metoder for å erstatte et tegn med en ny linje i JavaScript.

Konklusjon

For å erstatte et tegn med en ny linje i JavaScript, "erstatte()”Metode kan brukes til å erstatte et bestemt tegn, Regex -mønster med erstatningsmetode for å søke etter et spesifisert tegn og erstatte det. Dessuten "erstatning ()”Kan også brukes til å erstatte alle de spesifikke tegnene som er til stede i den ekstra strengen. Denne oppskrivningen diskuterte prosedyren for å erstatte et tegn med en ny linje i JavaScript.