Come sostituire un personaggio con una nuova riga in JavaScript

Durante il test di una pagina web o di un sito, possono esistere caratteri indesiderati o errori di formattazione, come errori di ortografia o ambiguità nel testo, che devono essere gestiti. In tali casi, la sostituzione di un personaggio con una nuova linea in JavaScript svolge un ruolo importante nel chiarire le cose e aumentando la leggibilità del testo aggiunto.

Questo manuale ti guiderà sulla sostituzione di un personaggio con una nuova riga in JavaScript.

Come sostituire un personaggio con una nuova riga in JavaScript?

Per sostituire un personaggio con una nuova riga in JavaScript, puoi usare:

• "sostituire()" metodo
• "sostituisci tutto()" metodo

Ora passeremo attraverso ciascuno dei due approcci uno per uno!

Metodo 1: sostituire un carattere con nuova riga nel metodo JavaScript usando "Sostituisci ()"

IL "sostituire()"Il metodo cerca un valore specifico nella stringa data e lo sostituisce. Questo metodo può essere applicato per sostituire un carattere specifico con una nuova linea.

Sintassi

corda.Sostituire (SearchValue, NewValue)

Qui, "SearchValue"Sarà sostituito con il"newValue"Nella stringa data.

Esempio 1: sostituire “!"Con una nuova linea

Innanzitutto, includi un'intestazione nel ""Tag e un pulsante e specifica il suo ID:

Sostituisci il carattere
Sostituisci il carattere

Applicare il "documento.QuerySelector ()"Metodo e accedere al pulsante usando il suo"id"E direttamente:

Let AccessBtn = Documento.QuerySelector ("Button");
Let Head = Document.QuerySelector ("H");

Successivamente, inizializza una variabile denominata "str"Con un valore e impostalo come il testo interiore di"Testa":

Lascia che Str = "il personaggio è sostituito con una nuova linea! È stato fantastico!";
Testa.InnerText = STR;

Successivamente, applica un evento "clic"E utilizzare il metodo Sostituisci () per sostituire il carattere specifico"!"Con una nuova riga specificata come"\N". Infine, visualizzare il valore della stringa corrispondente dopo aver sostituito il carattere:

AccessBtn.addEventListener ("Click", () =>
Sia il risultato = STR.sostituire("!","\N");
Testa.InnerText = risultato;
);

Quando si fa clic sul pulsante aggiunto, "!"Verrà sostituito con la nuova riga che può essere vista di seguito:

Esempio 2: Utilizzo di Regex per la sostituzione di "!"Con una nuova linea

In questo esempio, utilizzeremo il "/!/G"Regex per aver sostituito tutte le partite"!"Con la nuova riga nella stringa fornita. Questo regex verrà quindi approvato per sostituire () il metodo come argomento insieme al "\N"Carattere di nuova linea:

AccessBtn.addEventListener ("Click", () =>
lascia regexp = /!/G;
Sia il risultato = STR.sostituire (regexp, "\ n");
Testa.InnerText = risultato;
);

L'output corrispondente in questo caso sarà:

Metodo 2: sostituire un carattere con nuova riga nel metodo JavaScript usando "sostituzione ()

Non vuoi usare Regex? Nessun problema! IL "sostituisci tutto()"Il metodo ti copre. Questo metodo può essere utilizzato per la rimozione di tutti i caratteri specificati, che produrranno lo stesso output dell'esempio precedente.

AccessBtn.addEventListener ("Click", () =>
Sia il risultato = STR.sostituisci tutto("!","\N");
Testa.InnerText = risultato;
);

Produzione

Abbiamo discusso di diversi metodi creativi per sostituire un personaggio con una nuova linea in JavaScript.

Conclusione

Per sostituire un personaggio con una nuova linea in JavaScript, il "sostituire()"Il metodo può essere utilizzato per sostituire un particolare carattere, regex pattern con metodo di sostituzione per cercare un carattere specificato e sostituirlo. Inoltre, il "sostituisci tutto()"Può anche essere utilizzato per sostituire tutti i caratteri specifici presenti nella stringa aggiunta. Questo articolo ha discusso della procedura per sostituire un personaggio con una nuova riga in JavaScript.