Tekenreeksmanipulatie is gemakkelijk te leren, maar het moeilijkst om het onder de knie te krijgen in JavaScript. Eerder werd een tekenreeks met meerdere regels niet ondersteund door JavaScript. Na 2015 zijn tekenreeksletterlijke waarden geïntroduceerd door ES6 (ECMAScript 6) die tekenreeksen met meerdere regels ondersteunen.
Er zijn nu verschillende manieren om tekenreeksen met meerdere regels te verwerken. We zullen deze verschillende methoden voor het verwerken van tekenreeksen met meerdere regels één voor één bespreken in dit hoofdstuk.
Hieronder volgen een aantal manieren om met tekenreeksen met meerdere regels te werken:
Methode 1
Het is de eenvoudigste manier JavaScript om de tekenreekstekst op meerdere regels weer te geven. Gebruik het tabblad Afbreeklijn (
) of HTML in de functie document.write() om de tekst vanaf de nieuwe regel te starten.
Voorbeeld
Hier is de praktische implementatie van een tekenreeks met meerdere regels met behulp van JavaScript-programmering:
Kopieer code
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.')Test het nu
Uitvoer
Wanneer u deze code uitvoert, worden er drie tekstreeksen op internet weergegeven die worden verdeeld met behulp van het tabblad Onderbrekingsregel (
) van 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.
Voorbeeld 2: Afzonderlijke tekenreeks aaneenschakelen
In dit voorbeeld printen we eenvoudigweg de reeks met meerdere regels, zonder enige regeleinde, met behulp van JavaScript-programmering:
Kopieer code
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);Test het nu
Uitvoer
Wanneer u deze code uitvoert, worden er twee tekstparagrafen op internet weergegeven die worden verdeeld met behulp van het tabblad Afbreeklijn (
) van 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.
Voorbeeld 3
Dit is een eenvoudig voorbeeld van het afdrukken van tekst met meerdere regels met behulp van JavaScript-programmering. Hierin hebben we alleen HTML gebruikt
tabblad om de zinnen in meerdere regels te verdelen:
Kopieer code
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);Test het nu
Uitvoer
Wanneer u deze code uitvoert, worden er drie alinea's op internet weergegeven die worden verdeeld met behulp van het tabblad Afbreeklijn (
) van HTML.
linkedlist en arraylist
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.
Methode 2: U kunt de tekstreeks ook binnenin doorgeven
of of rubriek tabbladen ( Voorbeeld van het maken van meerdere regels met JavaScript en HTML
Klik op de knop om tekst met meerdere regels in te voegen
Meerdere regels weergeven functie showMultilineString() { multilineString = ' ' + 'Dit is een kop die gebruikmaakt van het tabblad h3.
'+'Dit is weer een nieuwe reeks.' + 'We hebben al deze strings gecombineerd met behulp van' + 'concatenatie-operator. Deze tekstreeks toont u twee drie regels.
'+' '; document.getElementById('multiline').innerHTML = multilineString; }Test het nuUitvoer
Een uitvoer zal u op internet weergeven door het bovenstaande uit te voeren. Zie onderstaande reactie; je ziet een Meerdere regels weergeven knop om u een tekstreeks te tonen.
Klik hier Meerdere regels weergeven knop en een tekststring tonen u in meerdere regels. Zie de onderstaande uitvoer: