Merkkijonojen käsittely on helppo oppia, mutta vaikein hallita sitä JavaScriptissä. Aiemmin JavaScript ei tukenut monirivistä merkkijonoa. Vuodesta 2015 lähtien ES6 (ECMAScript 6) on ottanut käyttöön merkkijonoliteraalit, joka tukee monirivistä merkkijonoa.

Nyt on olemassa useita tapoja käsitellä monirivistä merkkijonoa. Käsittelemme näitä eri menetelmiä monirivisen merkkijonon käsittelemiseksi yksitellen tässä luvussa.

Seuraavassa on pari tapaa työskennellä monirivisen merkkijonon kanssa:

Menetelmä 1

Se on yksinkertaisin tapa JavaScript näyttääksesi merkkijonotekstin useilla riveillä. Käytä katkoviiva-välilehteä (
) tai HTML document.write()-funktion sisällä aloittaaksesi tekstin uudelta riviltä.

Esimerkki

Tässä on monirivisen merkkijonon käytännön toteutus JavaScript-ohjelmointia käyttäen:

Kopioi koodi

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

Lähtö

Kun suoritat tämän koodin, verkossa näytetään kolme tekstimerkkijonoa, jotka jaetaan katkoviivavälilehdellä (
) HTML:stä.

 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. 

Esimerkki 2: Yksittäisen merkkijonon ketjuttaminen

Tässä esimerkissä tulostetaan monirivinen merkkijono ilman rivinvaihtoa JavaScript-ohjelmoinnin avulla:

Kopioi koodi

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

Lähtö

Kun suoritat tämän koodin, verkossa näkyy kaksi tekstikappaletta, jotka jaetaan katkoviivavälilehdellä (
) HTML:stä.

 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. 

Esimerkki 3

Tämä on yksinkertainen esimerkki monirivisesta tekstin tulostamisesta JavaScript-ohjelmointia käyttäen. Tässä olemme käyttäneet vain HTML:ää
välilehti katkaistaksesi lauseet usealla rivillä:

Kopioi koodi

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

Lähtö

Kun suoritat tämän koodin, verkossa näytetään kolme kappaletta, jotka jaetaan katkoviivavälilehdellä (
) HTML:stä.

merkkijono korvaa kaikki javat

 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. 

Tapa 2: Voit myös välittää tekstimerkkijonon sisään

tai tai otsikko välilehdet ( Esimerkki monirivisen merkkijonon luomisesta JavaScriptin ja HTML:n avulla

Lisää monirivinen teksti napsauttamalla painiketta

Näytä monirivinen function showMultilineString() { multilineString = ' ' + '

Tämä on otsikko, jossa käytetään h3-välilehteä.

'+'

Tämä on toinen merkkijono uusi rivi. + 'Olemme yhdistäneet kaikki nämä merkkijonot käyttämällä' + 'ketjutusoperaattoria. Tämä tekstimerkkijono näyttää kaksi kolme riviä.

' + ' ' ; document.getElementById('multiline').innerHTML = monirivimerkkijono; }Testaa nyt

Lähtö

Tulos näyttää sinut verkossa suorittamalla yllä oleva. Katso vastaus alla; näet a Näytä monirivinen -painiketta näyttääksesi sinulle merkkijonon.

Napsauta tätä Näytä monirivinen -painiketta ja tekstimerkkijono näyttää sinut useilla riveillä. Katso tulos alta:

---