Cómo reemplazar el espacio con nueva línea en JavaScript

Se utiliza un espacio para separar las palabras en una oración. La adición del espacio hace que toda la oración sea significativa. Pero para hacer que el contenido sea más legible, se usa una nueva línea. Para mover contenido a la siguiente línea, use el carácter de nueva línea (\ n).

Esta publicación ilustrará los métodos para reemplazar el espacio con una nueva línea en JavaScript.

Cómo reemplazar el espacio con nueva línea en JavaScript?

Para reemplazar el espacio con la nueva línea, puede usar los métodos mencionados:

• • reemplazar()
  • reemplaza todo()

Veamos el funcionamiento de cada método.

Método 1: Reemplace el espacio con nueva línea usando el método reemplazar ()

El "reemplazar()"El método reemplaza el valor en una cadena con la cadena especificada o un carácter. Es el método predefinido del objeto de tipo de cadena. Devuelve una nueva cadena como salida con los valores reemplazados después de buscar en la cadena un valor específico o un patrón regex.

En nuestro caso, usaremos una nueva línea para eliminar el espacio en una cadena.

Sintaxis

Siga la sintaxis dividida a continuación para usar el método reemplazar ():

Reemplazar ("SearchValue", "ReemplazarValue")

El método dado toma dos parámetros; Uno es el "Searchvalue"Eso se buscará en una cadena y debe ser reemplazado, y el otro es el"reemplazar valor"Eso se usa como reemplazo. Por ejemplo, el espacio es el valor reemplazado que se buscará en una cadena, y la nueva línea es su reemplazo.

Ejemplo 1: Reemplazo de espacio único con nueva línea

En este ejemplo, primero crearemos una variable de tipo de cadena para almacenar una cadena con espacios:

var str = "Bienvenido a Linuxhint"

Luego, llame al método reemplazar () pasando el espacio ("") a medida que se buscará el valor reemplazado en la cadena y la nueva línea "\norte"Se pasa como el reemplazo:

consola.log (STR.reemplazar ("", "\ n"));

La salida muestra que el método reemplazar () solo reemplaza la primera ocurrencia de espacio con la nueva línea, mientras que la cadena contiene dos espacios:

Si desea reemplazar todas las ocurrencias de los espacios con una nueva línea en una cadena, siga la siguiente sección dada.

Ejemplo 2: Reemplazo de múltiples espacios con una nueva línea

Aquí, consideraremos la misma cadena que en el ejemplo anterior y reemplazaremos todos los espacios con la nueva línea usando el patrón regex "/ / g"En el método reemplazar ():

consola.log (STR.reemplazar ( / / g, "\ n"));

En el patrón regex, hemos agregado el "gramo"(Global) Bandera, para hacer coincidir todas las ocurrencias de los espacios en una cadena.

Como puede ver, la salida indica que todos los espacios se reemplazan con éxito con una nueva línea. Cada palabra después del espacio comienza desde una nueva línea:

Si desea realizar la misma operación sin usar el Regex, use el método discutido a continuación.

Método 2: Reemplace el espacio con nueva línea utilizando el método ReplaceAll ()

Hay otro método para reemplazar algo de una cadena llamada "reemplaza todo()" método. En el método ReplaceAll (), no necesita agregar una regex para reemplazar todas las instancias de un carácter específico en una cadena. Este método también acepta dos parámetros, uno es el valor buscado, y el otro es su reemplazo relacionado.

Sintaxis

Siga la sintaxis dada para usar el método ReplaceAll ():

Reemplazo ("SearchValue", "ReemplazarValue")

Ejemplo

En este ejemplo, usaremos la misma cadena creada en el ejemplo anterior y luego reemplazaremos todos los espacios con la nueva línea sin usar ningún patrón regex:

consola.log (STR.reemplazar ("" "," \ n "));

Como puede ver, todas las palabras después de que los espacios se muevan ahora a la nueva línea:

Hemos compilado todos los métodos para reemplazar el espacio con una nueva línea en JavaScript.

Conclusión

Para reemplazar los espacios con una nueva línea en una cadena, puede usar los métodos JavaScript predefinidos, incluido el método reemplazar () y el método ReplaceAll (). El primer enfoque solo reemplazó la primera ocurrencia, mientras que el patrón regex se usa para reemplazar todos los ocurrencias. En comparación, el método ReplaceAll () reemplaza todas las ocurrencias de la cadena. En esta publicación, ilustramos los métodos para reemplazar espacios con una nueva línea con ejemplos detallados.