Manipulácia s reťazcami sa dá ľahko naučiť, ale najťažšie je zvládnuť ju v JavaScripte. V minulosti viacriadkový reťazec nebol podporovaný JavaScriptom. Po roku 2015 zaviedol ES6 (ECMAScript 6) reťazcové literály, ktoré podporujú viacriadkový reťazec.
Teraz existuje niekoľko spôsobov, ako spracovať viacriadkový reťazec. V tejto kapitole budeme diskutovať o týchto rôznych metódach na spracovanie viacriadkového reťazca jeden po druhom.
Nasleduje niekoľko spôsobov, ako pracovať s viacriadkovým reťazcom:
Metóda 1
Je to najjednoduchší spôsob JavaScript na zobrazenie textu reťazca vo viacerých riadkoch. Použite záložku prerušovacej čiary (
) alebo HTML vo funkcii document.write() na začiatok textu od nového riadku.
Príklad
Tu je praktická implementácia viacriadkového reťazca pomocou programovania JavaScript:
Kopírovať kód
Multiple new lines example document.write('This is first line display using JavaScript.'); document.write(' <br>'); document.write('This is second line and divided using break line tab of HTML.'); document.write(' <br>'); document.write('Now, we again printed another new line.')Vyskúšajte to
Výkon
Keď spustíte tento kód, na webe sa vám zobrazia tri textové reťazce, ktoré budú rozdelené pomocou karty prerušenia (
) 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.
Príklad 2: Reťazenie jednotlivého reťazca
V tomto príklade jednoducho vytlačíme viacriadkový reťazec bez akéhokoľvek zalomenia riadku pomocou programovania JavaScript:
Kopírovať kód
Multiple new lines example var myString ='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.' + ' <br> We will try to provide you the best knowledge from our side.' + 'Student, teachers, and industry professionals can learn from here.'; document.write(myString);Vyskúšajte to
Výkon
Keď spustíte tento kód, na webe sa zobrazia dva textové odseky, ktoré budú rozdelené pomocou karty prerušenia (
) jazyka 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.
Príklad 3
Toto je jednoduchý príklad viacriadkovej tlače textu pomocou programovania JavaScript. V tomto sme použili iba HTML
tab na rozdelenie viet do viacerých riadkov:
Kopírovať kód
Multiple new lines example var multilineString ='JavaScript is a programming language that is useful for web development at client-side execution.' + 'This language is very light-weighted mostly used to put validations, so they check at the client-side.' + ' <br> Nowadays, it is very trending in market for web development.' + ' <br> As it also allows dynamic execution of code.'; document.write(multilineString);Vyskúšajte to
Výkon
Keď spustíte tento kód, na webe sa zobrazia tri odseky, ktoré budú rozdelené pomocou karty prerušovacieho riadka (
) jazyka HTML.
krájanie 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.
Metóda 2: Môžete tiež zadať textový reťazec dovnútra
alebo alebo nadpis karty ( Príklad vytvorenia viacriadkového reťazca pomocou JavaScriptu a HTML
Kliknutím na tlačidlo vložíte viacriadkový text
Zobraziť viacriadkový function showMultilineString() { multilineString = ' ' + 'Toto je nadpis pomocou karty h3.
' + 'Toto je ďalší reťazec nového riadku.“ + 'Všetky tieto reťazce sme skombinovali pomocou operátora zreťazenia' + '. Tento textový reťazec vám ukáže dva tri riadky.
' + ' '; document.getElementById('multiline').innerHTML = multilineString; }Vyskúšajte toVýkon
Výstup sa zobrazí na webe vykonaním vyššie uvedeného. Pozrite si odpoveď nižšie; uvidíte a Zobraziť viacriadkový tlačidlo na zobrazenie textového reťazca.
Kliknite na toto Zobraziť viacriadkový a textový reťazec vás zobrazí vo viacerých riadkoch. Pozrite si výstup nižšie: