La manipolazione delle stringhe è facile da imparare ma molto difficile da padroneggiare in JavaScript. In precedenza, la stringa su più righe non era supportata da JavaScript. Dopo il 2015, i valori letterali stringa sono stati introdotti da ES6 (ECMAScript 6) che supporta stringhe su più righe.
Ora, ci sono diversi modi per gestire una stringa su più righe. Discuteremo questi diversi metodi per gestire una stringa su più righe uno per uno in questo capitolo.
Di seguito sono riportati un paio di modi per lavorare con una stringa su più righe:
Metodo 1
È il modo più semplice di JavaScript per mostrare il testo della stringa su più righe. Utilizzare la scheda della linea di interruzione (
) o HTML all'interno della funzione document.write() per iniziare il testo dalla nuova riga.
Esempio
Ecco l'implementazione pratica della stringa multilinea utilizzando la programmazione JavaScript:
Copia codice
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.')Provalo adesso
Produzione
Quando eseguirai questo codice, sul web verranno visualizzate tre stringhe di testo che verranno divise utilizzando la scheda della linea di interruzione (
) dell'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.
Esempio 2: concatenazione di singole stringhe
In questo esempio, stamperemo semplicemente la stringa su più righe senza alcuna interruzione di riga utilizzando la programmazione JavaScript:
Copia codice
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);Provalo adesso
Produzione
Quando eseguirai questo codice, sul web ti verranno mostrati due paragrafi di testo che verranno divisi utilizzando la scheda della linea di interruzione (
) dell'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.
Esempio 3
Questo è un semplice esempio di stampa di testo su più righe utilizzando la programmazione JavaScript. In questo abbiamo utilizzato solo HTML
tab per suddividere le frasi su più righe:
Copia codice
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);Provalo adesso
Produzione
Quando eseguirai questo codice, sul web verranno visualizzati tre paragrafi che verranno divisi utilizzando la scheda della linea di interruzione (
) dell'HTML.
età di rihanna
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.
Metodo 2: Puoi anche passare la stringa di testo all'interno
O O intestazione schede ( Esempio di creazione di stringhe su più righe utilizzando JavaScript e HTML
Fare clic sul pulsante per inserire testo su più righe
Visualizza multilinea funzione mostraMultilineString() { multilineString = ' ' + 'Questa è un'intestazione che utilizza la scheda h3.
'+'Questa è un'altra nuova riga di stringa.' + 'Abbiamo combinato tutte queste stringhe utilizzando' + 'l'operatore di concatenazione. Questa stringa di testo ti mostrerà due tre righe.
'+'''; document.getElementById('multiline').innerHTML = multilineString; }Provalo adessoProduzione
Un output ti mostrerà sul web eseguendo quanto sopra. Vedi la risposta qui sotto; vedrai un Visualizza multilinea pulsante per mostrarti una stringa di testo.
Fare clic su questo Visualizza multilinea pulsante e una stringa di testo ti verranno visualizzati su più righe. Vedere l'output di seguito: