Como substituir um personagem por uma nova linha em JavaScript

Ao testar uma página da web ou um site, pode existir caracteres indesejados ou erros de formatação, como erros de ortografia ou ambiguidade no texto, que precisam ser tratados. Nesses casos, substituir um personagem por uma nova linha em JavaScript desempenha um papel importante em deixar as coisas claras e aumentar a legibilidade do texto adicionado.

Este manual o guiará sobre a substituição de um personagem por uma nova linha em JavaScript.

Como substituir um personagem por uma nova linha em JavaScript?

Para substituir um personagem por uma nova linha em JavaScript, você pode usar:

• ““substituir()”Método
• ““substitua tudo()”Método

Vamos agora passar por cada uma das duas abordagens uma por uma!

Método 1: Substitua um caractere por nova linha em JavaScript usando o método "Substituir ()"

O "substituir()”O método procura um valor específico na string dada e a substitui. Este método pode ser aplicado para substituir um caractere específico por uma nova linha.

Sintaxe

corda.Substitua (SearchValue, NewValue)

Aqui, "SearchValue”Será substituído pelo“novo valor”Na corda dada.

Exemplo 1: Substitua “!”Com nova linha

Primeiro, inclua um título no “”Tag e um botão e especifique seu ID:

Substitua o caractere
Substitua o caractere

Aplicar o "documento.QuerySelector ()”Método e acesse o botão usando seu“eu ia”E cabeçalho respectivamente:

Deixe AccessBtn = documento.QuerySelector ("Button");
Deixe a cabeça = documento.QuerySelector ("H");

Em seguida, inicialize uma variável chamada “str”Com um valor e defina -o como o texto interno de“cabeça”:

Deixe str = "caractere substituído por uma nova linha! Foi ótimo!";
cabeça.inerText = str;

Depois disso, aplique um evento “clique”E utilize o método substituir () para substituir o caractere específico“!”Com uma nova linha especificada como“\ n”. Por fim, exiba o valor da string correspondente após substituir o caractere:

AccessBtn.addEventListener ("clique", () =>
Let Result = STR.substituir("!"," \ n ");
cabeça.inerText = resultado;
);

Quando o botão adicionado é clicado, “!”Será substituído pela nova linha que pode ser vista abaixo:

Exemplo 2: Usando Regex para substituir “!”Com nova linha

Neste exemplo, utilizaremos o “/!/g”Regex por substituir todas as partidas“!”Com a nova linha na string fornecida. Este regex será então passado para substituir () método como um argumento junto com o “\ n”Novo personagem de linha:

AccessBtn.addEventListener ("clique", () =>
Seja regexp = /!/g;
Let Result = STR.substituir (regexp, "\ n");
cabeça.inerText = resultado;
);

A saída correspondente neste caso será:

Método 2: Substitua um caractere por nova linha em JavaScript usando o método “replaceall ()”

Você não quer usar regex? Sem problemas! O "substitua tudo()”Método deixa você coberto. Este método pode ser usado para remover todos os caracteres especificados, que produzirão a mesma saída que o exemplo anterior.

AccessBtn.addEventListener ("clique", () =>
Let Result = STR.substitua tudo("!"," \ n ");
cabeça.inerText = resultado;
);

Saída

Discutimos diferentes métodos criativos para substituir um personagem por uma nova linha em JavaScript.

Conclusão

Para substituir um personagem por uma nova linha em JavaScript, o “substituir()”O método pode ser utilizado para substituir um caractere específico, padrão regex com o método de substituição para procurar um caractere especificado e substituí -lo. Além disso, o “substitua tudo()”Também pode ser usado para substituir todos os caracteres específicos presentes na string adicionada. Este artigo discutiu o procedimento para substituir um personagem por uma nova linha em JavaScript.