Manipulacije z nizi se je enostavno naučiti, vendar jo je najtežje obvladati v JavaScriptu. Prej JavaScript ni podpiral večvrstičnega niza. Po letu 2015 je nizovne literale uvedel ES6 (ECMAScript 6), ki podpira večvrstični niz.
Zdaj obstaja več načinov za obdelavo večvrstičnega niza. V tem poglavju bomo enega za drugim razpravljali o teh različnih metodah za obravnavanje večvrstičnega niza.
Sledi nekaj načinov za delo z večvrstičnimi nizi:
1. metoda
Je najenostavnejši način za JavaScript za prikaz besedila niza v več vrsticah. Uporabite zavihek prelomne črte (
) ali HTML znotraj funkcije document.write(), da začnete besedilo v novi vrstici.
Primer
Tukaj je praktična izvedba večvrstičnega niza z uporabo programiranja JavaScript:
Kopiraj kodo
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.')Preizkusite zdaj
Izhod
Ko boste izvedli to kodo, se vam bodo na spletu prikazali trije besedilni nizi, ki bodo razdeljeni z zavihkom prelomne črte (
) HTML-ja.
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.
Primer 2: Združevanje posameznega niza
V tem primeru bomo preprosto natisnili večvrstični niz brez preloma vrstice z uporabo programiranja JavaScript:
Kopiraj kodo
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);Preizkusite zdaj
Izhod
Ko boste izvedli to kodo, se vam bosta na spletu prikazala dva besedilna odstavka, ki bosta razdeljena z zavihkom prelomne črte (
) HTML-ja.
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.
Primer 3
To je preprost primer večvrstičnega tiskanja besedila z uporabo programiranja JavaScript. Pri tem smo uporabili samo HTML
zavihek za prekinitev stavkov v več vrsticah:
Kopiraj kodo
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);Preizkusite zdaj
Izhod
Ko boste izvedli to kodo, vam bodo na spletu prikazani trije odstavki, ki bodo razdeljeni z zavihkom prelomne črte (
) HTML-ja.
meni z nastavitvami telefona Android
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.
2. način: V notranjosti lahko posredujete tudi besedilni niz
oz oz naslov zavihki ( Primer ustvarjanja večvrstičnega niza z uporabo JavaScripta in HTML
Kliknite na gumb za vstavljanje večvrstičnega besedila
Prikaz več vrstic funkcija showMultilineString() { multilineString = ' ' + 'To je naslov, ki uporablja zavihek h3.
' + 'To je še en niz, nova vrstica.' + 'Vse te nize smo združili z' + 'operatorjem veriženja. Ta besedilni niz vam bo pokazal dve tri vrstice.
' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Preizkusite zdajIzhod
Izhod vas bo prikazal na spletu z izvedbo zgornjega. Glej odgovor spodaj; boste videli a Prikaz več vrstic gumb za prikaz besedilnega niza.
Kliknite to Prikaz več vrstic gumb in besedilni niz vas bo prikazal v več vrsticah. Glej izhod spodaj: