Cómo reemplazar un personaje con nueva línea en JavaScript

Al probar una página web o un sitio, puede existir caracteres no deseados o errores de formato, como errores de ortografía o ambigüedad en el texto, que deben manejarse. En tales casos, reemplazar un personaje con una nueva línea en JavaScript juega un papel importante en dejar las cosas claras y aumentar la legibilidad del texto adicional.

Este manual lo guiará para reemplazar un personaje con una nueva línea en JavaScript.

Cómo reemplazar un personaje con nueva línea en JavaScript?

Para reemplazar un personaje con una nueva línea en JavaScript, puede usar:

• "reemplazar()" método
• "reemplaza todo()" método

Ahora pasaremos por cada uno de los dos enfoques uno por uno!

Método 1: Reemplace un personaje con una nueva línea en JavaScript usando el método "Reemplazar ()"

El "reemplazar()El método busca un valor específico en la cadena dada y lo reemplaza. Este método se puede aplicar para reemplazar un carácter específico con una nueva línea.

Sintaxis

cadena.Reemplazar (SearchValue, NewValue)

Aquí, "Searchvalue"Será reemplazado por el"nuevo valor"En la cadena dada.

Ejemplo 1: reemplazar "!"Con nueva línea

Primero, incluya un encabezado en el ""Etiqueta y un botón y especifique su ID:

Reemplazar el personaje
Reemplazar el personaje

Aplica el "documento.QuerySelector ()"Método y acceda al botón usando su"identificación"Y encabezando respectivamente:

Dejar accessbtn = documento.QuerySelector ("botón");
Sea head = documento.QuerySelector ("H");

A continuación, inicialice una variable llamada "stri"Con un valor y establecerlo como el texto interno de"cabeza":

Let str = "personaje reemplazado por una nueva línea! Fue grandioso!";
cabeza.inteText = str;

Después de eso, aplique un evento "hacer clic"Y utilice el método reemplazar () para reemplazar el carácter específico"!"Con una nueva línea especificada como"\norte". Por último, muestre el valor de cadena correspondiente después de reemplazar el carácter:

AccessBtn.addEventListener ("Click", () =>
Sea resultado = str.reemplazar("!","\norte");
cabeza.inntext = resultado;
);

Cuando se hace clic en el botón agregado, "!"Será reemplazado por la nueva línea que se puede ver a continuación:

Ejemplo 2: Uso de Regex para reemplazar "!"Con nueva línea

En este ejemplo, utilizaremos el "/!/gramo"Regex para reemplazar todos los partidos"!"Con la nueva línea en la cadena provista. Este Regex se pasará para reemplazar () el método como argumento junto con el "\norte"Nuevo personaje de línea:

AccessBtn.addEventListener ("Click", () =>
Dejar regexp = /!/gramo;
Sea resultado = str.reemplazar (regexp, "\ n");
cabeza.inntext = resultado;
);

La salida correspondiente en este caso será:

Método 2: Reemplace un personaje con una nueva línea en JavaScript utilizando el método "ReplaceAll ()"

¿No quieres usar regex?? No hay problema! El "reemplaza todo()"El método te cubre. Este método se puede utilizar para eliminar todos los caracteres especificados, que producirán la misma salida que el ejemplo anterior.

AccessBtn.addEventListener ("Click", () =>
Sea resultado = str.reemplaza todo("!","\norte");
cabeza.inntext = resultado;
);

Producción

Hemos discutido diferentes métodos creativos para reemplazar a un personaje con una nueva línea en JavaScript.

Conclusión

Para reemplazar un personaje con una nueva línea en JavaScript, el "reemplazar()El método de ”se puede utilizar para reemplazar un carácter particular, patrón regex con el método de reemplazo para buscar un carácter especificado y reemplazarlo. Además, el "reemplaza todo()"También se puede usar para reemplazar todos los caracteres específicos presentes en la cadena agregada. Este artículo sobre el procedimiento para reemplazar a un personaje con una nueva línea en JavaScript.