Como quebrar a linha de JavaScript

Como quebrar a linha de JavaScript

Ao fazer upload ou escrever blogs em sites, os desenvolvedores precisam quebrar as linhas do texto para melhor legibilidade. Além disso, às vezes, os programadores criam saída baseada em texto no console para testar seu código. Eles precisam dividir suas declarações em várias linhas. É por isso que a quebra da linha no JavaScript é importante para aprender para a codificação JavaScript.

Este blog definirá as maneiras de quebrar uma linha durante o código em JavaScript.

Como quebrar a linha de JavaScript?

Para quebrar uma linha no código JavaScript, use os seguintes métodos mencionados:

    • Usando \ n (o personagem de escape newline)
    • Usando literais de modelo
    • Usando
      marcação

Método 1: Linha de quebra em JavaScript usando o caractere "\ n"

Use o "\ n”Personagem para quebrar a linha em JavaScript. É um personagem de fuga que quebra as linhas para uma nova linha. É a abordagem mais útil e comumente usada. Você pode facilmente utilizá -lo em um “console.registro()”Método ou qualquer string.

Exemplo

Crie uma variável “corda”Que contém seqüências diferentes que serão impressas em linhas separadas com a ajuda de“\ n”(The Newline Escape Personagem):

var string = "Bem -vindo ao Linuxhint \ nhere, você aprenderá diferentes habilidades de programação \ \ nsuch como 'java', 'javascript', 'html/css' e assim por diante";


Por fim, imprima a variável "string" no console usando "console.registro()”Método:

console.log (string);


Pode -se observar que as três cordas foram exibidas no console em três linhas diferentes:

Método 2: Linha de quebra em JavaScript usando literais de modelo

Você também pode imprimir strings em diferentes linhas pressionando a tecla Enter na string ou “console.registro()”Método. Para esse fim, use o “Literais de modelo”(').

Exemplo

Crie uma string que armazena strings diferentes com quebras de linha pressionando a tecla Enter usando literais de modelo:

var string = 'Bem -vindo ao Linuxhint
Aqui você aprenderá diferentes habilidades de programação
Como 'java', 'javascript', 'html/css' e assim por diante ';


Ele imprimirá a string no mesmo padrão no console usando o “console.registro()”Método:

console.log (string);


Saída

Método 3: Linha de quebra em JavaScript usando “
" Marcação

Você também pode usar o html “
”Tag em JavaScript para quebrar a linha no“documento.escrever()”Método ou no“console.registro()”Método ou qualquer string.

Exemplo

Para imprimir algo na página da web, geralmente usamos o “documento.escrever()”Método passando o texto. Aqui, imprimiremos strings diferentes na página da web quebrando as linhas usando o “
”Tag no“ documento.Write () ”Método:

documento.escreva ("Bem -vindo ao Linuxhint");
documento.escrever("
");
documento.escreva ("Aqui você aprenderá diferentes habilidades de programação");
documento.escrever("
");
documento.escreva ("como 'java', 'javascript', 'html/css' e assim por diante");


Pode -se observar que todo o texto foi exibido na página da web em linhas separadas:


Você também pode imprimir texto na posição específica na página da web. Aqui, especificaremos uma área usando o “

”Tag atribuindo um ID que é utilizado para acessar isso

tag no código JavaScript:


Crie uma string que armazena um texto que será exibido nessa área especificada. Aqui, vamos concatenar o
Marque com as cordas para quebrar as linhas:

Let BreakLinesCode = "Welcome to the Linuxhint" + "
" +" Aqui você aprenderá diferentes habilidades de programação " +"
" +" Como 'java', 'javascript', 'html/css' e assim por diante ";


Obtenha a referência do

tag usando seu ID atribuído com a ajuda de “getElementById ()”Método e exibir texto usando o“Innerhtml" propriedade:

documento.getElementById ("Breaklines").INNERHTML = BreakLinesCode;


Saída


Reunimos todas as informações relevantes para quebrar a linha em JavaScript.

Conclusão

Para quebrar uma linha em JavaScript, use o “\ n”(The Newline Escape Personagem),“Literais de modelo”, Ou um html“
”Tag com a“documento.escrever()”Método ou o“Innerhtml" propriedade. Este blog definiu as maneiras de quebrar uma linha durante o código em JavaScript.