Como substituir o espaço por uma nova linha em JavaScript

Um espaço é utilizado para separar palavras em uma frase. A adição do espaço torna a frase inteira significativa. Mas para tornar o conteúdo mais legível, uma nova linha é usada. Para mover o conteúdo para a próxima linha, use o novo caractere de linha (\ n).

Este post ilustrará os métodos para substituir o espaço por uma nova linha em JavaScript.

Como substituir o espaço por uma nova linha em JavaScript?

Para substituir o espaço pela nova linha, você pode usar os métodos mencionados:

• • substituir()
  • substitua tudo()

Vejamos o funcionamento de cada método.

Método 1: Substitua o espaço por nova linha usando o método replate ()

O "substituir()”O método substitui o valor em uma string pela string especificada ou um caractere. É o método predefinido do objeto de tipo de string. Ele retorna uma nova string como saída com os valores substituídos depois de pesquisar a string por um valor específico ou um padrão regex.

No nosso caso, usaremos uma nova linha para remover o espaço em uma string.

Sintaxe

Siga a sintaxe abaixo para usar o método substituir ():

Substitua ("SearchValue", "SubstituirValue")

O método fornecido leva dois parâmetros; um é o “SearchValue”Isso será pesquisado em uma string e precisa ser substituído, e o outro é o“substituaValue”Isso é usado como substituto. Por exemplo, o espaço é o valor substituído que será pesquisado em uma string, e a nova linha é o seu substituto.

Exemplo 1: Substituindo o espaço único por nova linha

Neste exemplo, primeiro criaremos uma variável de tipo de string para armazenar uma string com espaços:

var str = "Bem -vindo ao Linuxhint"

Em seguida, ligue para o método substituir () passando o espaço ("") como o valor substituído será pesquisado na string e na nova linha "\ n”É passado como o substituto:

console.log (str.substituir ("", "\ n"));

A saída mostra que o método substitui () substitui apenas a primeira ocorrência de espaço pela nova linha, enquanto a string contém dois espaços:

Se você deseja substituir todas as ocorrências dos espaços por uma nova linha em uma string, siga a próxima seção dada.

Exemplo 2: Substituindo vários espaços por nova linha

Aqui, consideraremos a mesma string do exemplo anterior e substituiremos todos os espaços pela nova linha usando o padrão Regex “/ / g”No método substituir ():

console.log (str.substituir ( / / g, "\ n"));

No padrão regex, adicionamos o “g“Bandeira (global), para corresponder a todas as ocorrências dos espaços em uma string.

Como você pode ver, a saída indica que todos os espaços são substituídos com sucesso por uma nova linha. Cada palavra após o espaço começa em uma nova linha:

Se você deseja executar a mesma operação sem usar o regex, use o método abaixo discutido.

Método 2: Substitua o espaço por nova linha usando o método replacEall ()

Há outro método para substituir algo de uma string chamada “substitua tudo()”Método. No método replacEall (), você não precisa adicionar um regex para substituir todas as instâncias de um personagem específico em uma string. Este método também aceita dois parâmetros, um é o valor pesquisado, e o outro é o seu substituto relacionado.

Sintaxe

Siga a sintaxe dada para usar o método replacEall ():

Replaceall ("SearchValue", "SubstituirValue")

Exemplo

Neste exemplo, usaremos a mesma string criada no exemplo anterior e depois substituiremos todos os espaços pela nova linha sem usar nenhum padrão regex:

console.log (str.replaceall ("", "\ n"));

Como você pode ver, todas as palavras após os espaços agora são movidas para a nova linha:

Nós compilamos todos os métodos para substituir o espaço por uma nova linha em JavaScript.

Conclusão

Para substituir os espaços por uma nova linha em uma string, você pode usar os métodos JavaScript predefinidos, incluindo o método reply () e o método replacEall (). A primeira abordagem substituiu apenas a primeira ocorrência, enquanto o padrão regex é usado para substituir todas as ocorrências. Em comparação, o método replaceall () substitui todas as ocorrências da string. Neste post, ilustramos os métodos para substituir espaços por uma nova linha por exemplos detalhados.