TechCodeview

A manipulação de strings é fácil de aprender, mas é mais difícil de dominar em JavaScript. Anteriormente, a string multilinha não era suportada pelo JavaScript. Depois de 2015, literais de string foram introduzidos pelo ES6 (ECMAScript 6) que oferece suporte a strings multilinhas.

Agora, existem várias maneiras de lidar com strings multilinhas. Discutiremos esses diferentes métodos para lidar com strings multilinhas, um por um, neste capítulo.

A seguir estão algumas maneiras de trabalhar com strings multilinhas:

Método 1

É a maneira mais simples de JavaScript para mostrar o texto da string em várias linhas. Use a guia de quebra de linha (
) ou HTML dentro da função document.write() para iniciar o texto a partir da nova linha.

Exemplo

Aqui está a implementação prática de string multilinha usando programação JavaScript:

Copiar código

 Multiple new lines example document.write(&apos;This is first line display using JavaScript.&apos;); document.write(&apos; <br>&apos;); document.write(&apos;This is second line and divided using break line tab of HTML.&apos;); document.write(&apos; <br>&apos;); document.write(&apos;Now, we again printed another new line.&apos;) 

Saída

Quando você executar este código, três strings de texto serão exibidas na web e serão divididas usando a guia de quebra de linha (
) de HTML.

 This is first line display using JavaScript. This is second line and divided using break line tab of HTML. Now, we again printed another new line. 

Exemplo 2: concatenando string individual

Neste exemplo, simplesmente imprimiremos a string multilinha sem qualquer quebra de linha usando programação JavaScript:

Copiar código

 Multiple new lines example var myString =&apos;Javatpoint is a website of technologies, &apos; + &apos;which provides tutorials of different technologies and tools. &apos; + &apos;Here you will get tutorials in detail&apos; + &apos;like theory as well as practical implementation.&apos; + &apos; <br> We will try to provide you the best knowledge from our side.&apos; + &apos;Student, teachers, and industry professionals can learn from here.&apos;; document.write(myString); 

Saída

Quando você executar este código, dois parágrafos de texto serão mostrados na web que serão divididos usando a guia de quebra de linha (
) de HTML.

 Javatpoint is a website of technologies, which provides tutorials of different technologies and tools. Here you will get tutorials in detail 'like theory as well as practical implementation. We will try to provide you the best knowledge from our side. 'Student, teachers, and industry professionals can learn from here. 

Exemplo 3

Este é um exemplo simples de impressão de texto multilinha usando programação JavaScript. Neste usamos apenas HTML
guia para quebrar as frases em várias linhas:

Copiar código

 Multiple new lines example var multilineString =&apos;JavaScript is a programming language that is useful for web development at client-side execution.&apos; + &apos;This language is very light-weighted mostly used to put validations, so they check at the client-side.&apos; + &apos; <br> Nowadays, it is very trending in market for web development.&apos; + &apos; <br> As it also allows dynamic execution of code.&apos;; document.write(multilineString); 

Saída

Quando você executar este código, três parágrafos serão exibidos na web que serão divididos usando a guia de quebra de linha (
) de HTML.

variável tipo java

 JavaScript is a programming language that is popular for web development at the client-side execution. This language is very light-weighted mostly used to put validations, so they check at client-side. Nowadays, it is very trending in market for web development. As it also allows dynamic execution of code. 

Método 2: Você também pode passar a string de texto dentro

ou ou cabeçalho guias ( Exemplo de criação de string multilinha usando JavaScript e HTML

Clique no botão para inserir texto multilinha

Exibir multilinha function showMultilineString() { multilineString = ' ' + '

Este é um título usando a guia h3.

'+'

Esta é outra nova linha. + 'Combinamos todas essas strings usando' + 'operador de concatenação. Esta string de texto mostrará duas três linhas.

'+' '; document.getElementById('multiline').innerHTML = multilineString; }Teste agora

Saída

Uma saída irá exibi-lo na web executando o procedimento acima. Veja a resposta abaixo; você verá um Exibir multilinha botão para mostrar uma sequência de texto.

Clique aqui Exibir multilinha botão e uma string de texto exibirá você em várias linhas. Veja a saída abaixo:

---