Manipulaciju nizovima lako je naučiti, ali najteže je svladati je u JavaScriptu. JavaScript ranije nije podržavao višeredni niz. Nakon 2015. string literale uveo je ES6 (ECMAScript 6) koji podržava višeredni niz.
Sada postoji nekoliko načina za rukovanje nizom s više redaka. U ovom poglavlju raspravljat ćemo o ovim različitim metodama za rukovanje višelinijskim nizovima jednu po jednu.
Slijedi nekoliko načina za rad s nizom od više redaka:
Metoda 1
To je najjednostavniji način JavaScript za prikaz teksta niza u više redaka. Koristite karticu prijelomne linije (
) ili HTML unutar funkcije document.write() za početak teksta iz novog retka.
Primjer
Ovdje je praktična implementacija niza s više redaka pomoću JavaScript programiranja:
Kopiraj kod
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.')Testirajte sada
Izlaz
Kada izvršite ovaj kod, na webu će vam se prikazati tri tekstualna niza koji će biti podijeljeni pomoću kartice prijelomne linije (
) HTML-a.
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.
Primjer 2: Spajanje pojedinačnog niza
U ovom primjeru jednostavno ćemo ispisati višeredni niz bez prijeloma retka pomoću programiranja u JavaScriptu:
Kopiraj kod
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);Testirajte sada
Izlaz
Kada izvršite ovaj kod, na webu će vam se prikazati dva tekstualna odlomka koji će biti podijeljeni pomoću kartice prijelomne linije (
) HTML-a.
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.
Primjer 3
Ovo je jednostavan primjer višerednog ispisa teksta korištenjem JavaScript programiranja. U ovom smo koristili samo HTML
tab za rastavljanje rečenica u više redaka:
Kopiraj kod
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);Testirajte sada
Izlaz
Kada izvršite ovaj kod, na webu će vam se prikazati tri odlomka koji će biti podijeljeni pomoću kartice prijelomne linije (
) HTML-a.
koja je razlika između megabajta i gigabajta
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: Također možete proslijediti tekstualni niz unutra
ili ili naslov kartice ( Primjer stvaranja niza s više redaka pomoću JavaScripta i HTML-a
Pritisnite gumb za umetanje višerednog teksta
Prikaži više redaka funkcija showMultilineString() { multilineString = ' ' + 'Ovo je naslov koji koristi karticu h3.
' + 'Ovo je još jedan niz novih linija.' + 'Kombinirali smo sve ove nizove pomoću' + 'operatora spajanja. Ovaj tekstualni niz će vam pokazati dva tri retka.
' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Testirajte sadaIzlaz
Izlaz će vas prikazati na webu izvršavanjem gore navedenog. Pogledajte odgovor u nastavku; vidjet ćete a Prikaži više redaka gumb za prikaz tekstualnog niza.
Kliknite ovo Prikaži više redaka i tekstualni niz će vas prikazati u više redaka. Pogledajte rezultat u nastavku: