TechCodeview

Manipulaci s řetězci je snadné se naučit, ale nejobtížnější je zvládnout v JavaScriptu. Dříve víceřádkový řetězec nebyl podporován JavaScriptem. Po roce 2015 zavedl ES6 (ECMAScript 6) řetězcové literály, které podporují víceřádkový řetězec.

Nyní existuje několik způsobů, jak zacházet s víceřádkovým řetězcem. V této kapitole probereme tyto různé metody pro zpracování víceřádkového řetězce jeden po druhém.

Zde je několik způsobů, jak pracovat s víceřádkovým řetězcem:

Metoda 1

Je to nejjednodušší způsob JavaScript pro zobrazení textového řetězce ve více řádcích. Použijte záložku zalomení (
) nebo HTML ve funkci document.write() pro začátek textu od nového řádku.

Příklad

Zde je praktická implementace víceřádkového řetězce pomocí programování v JavaScriptu:

Kopírovat kód

 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;) 

Výstup

Když tento kód spustíte, na webu se zobrazí tři textové řetězce, které budou rozděleny pomocí karty zalomení (
) jazyka 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. 

Příklad 2: Zřetězení jednotlivého řetězce

V tomto příkladu jednoduše vytiskneme víceřádkový řetězec bez přerušení řádku pomocí programování v JavaScriptu:

Kopírovat kód

 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); 

Výstup

Když tento kód spustíte, na webu se zobrazí dva textové odstavce, které budou rozděleny pomocí karty zalomení (
) 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. 

Příklad 3

Toto je jednoduchý příklad víceřádkového tisku textu pomocí programování v JavaScriptu. V tomto jsme použili pouze HTML
tab pro rozdělení vět na více řádků:

Kopírovat kód

 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); 

Výstup

Když spustíte tento kód, na webu se zobrazí tři odstavce, které budou rozděleny pomocí karty zalomení (
) HTML.

bash zkontrolujte, zda je nastavena proměnná prostředí

 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. 

Metoda 2: Textový řetězec můžete také předat dovnitř

nebo nebo nadpis karty ( Příklad vytvoření víceřádkového řetězce pomocí JavaScriptu a HTML

Kliknutím na tlačítko vložíte víceřádkový text

Zobrazit víceřádkový function showMultilineString() { multilineString = ' ' + '

Toto je nadpis pomocí karty h3.

' + '

Toto je další řetězec nového řádku.“ + 'Všechny tyto řetězce jsme zkombinovali pomocí operátoru zřetězení' + '. Tento textový řetězec vám zobrazí dva tři řádky.

' + ' '; document.getElementById('multiline').innerHTML = multilineString; }Otestujte to hned

Výstup

Výstup se zobrazí na webu provedením výše uvedeného. Viz odpověď níže; uvidíte a Zobrazit víceřádkový tlačítko pro zobrazení textového řetězce.

Klikněte na toto Zobrazit víceřádkový a textový řetězec se zobrazí ve více řádcích. Viz výstup níže:

---