La manipulación de cadenas es fácil de aprender pero más difícil de dominar en JavaScript. Anteriormente, JavaScript no admitía cadenas de varias líneas. Después de 2015, ES6 (ECMAScript 6) introdujo literales de cadena que admiten cadenas de varias líneas.
Ahora bien, hay varias formas de manejar cadenas de varias líneas. Discutiremos estos diferentes métodos para manejar cadenas de varias líneas una por una en este capítulo.
A continuación se muestran un par de formas de trabajar con cadenas de varias líneas:
Método 1
Es la forma más sencilla de javascript para mostrar el texto de la cadena en varias líneas. Utilice la pestaña de línea de salto (
) o HTML dentro de la función document.write() para comenzar el texto desde la nueva línea.
Ejemplo
Aquí está la implementación práctica de cadenas de varias líneas usando programación JavaScript:
Copiar código
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.')Pruébalo ahora
Producción
Cuando ejecute este código, se mostrarán tres cadenas de texto en la web que se dividirán mediante la pestaña de línea de salto (
) de 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.
Ejemplo 2: concatenar cadenas individuales
En este ejemplo, simplemente imprimiremos la cadena de varias líneas sin ningún salto de línea usando programación JavaScript:
Copiar código
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);Pruébalo ahora
Producción
Cuando ejecute este código, se le mostrarán dos párrafos de texto en la web que se dividirán mediante la pestaña de línea de salto (
) de 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.
Ejemplo 3
Este es un ejemplo sencillo de impresión de texto de varias líneas utilizando programación JavaScript. En esto solo hemos usado HTML
pestaña para dividir las oraciones en varias líneas:
Copiar código
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);Pruébalo ahora
Producción
Cuando ejecute este código, se mostrarán tres párrafos en la web que se dividirán mediante la pestaña de línea de salto (
) de HTML.
pruebas de rendimiento
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.
Método 2: También puedes pasar la cadena de texto dentro
o o título pestañas ( Ejemplo de creación de cadenas multilínea usando JavaScript y HTML
Haga clic en el botón para insertar texto de varias líneas
Mostrar varias líneas función showMultilineString() { multilineString = ' ' + 'Este es un encabezado que usa la pestaña h3.
' + 'Esta es otra línea nueva.' + 'Hemos combinado todas estas cadenas usando' + 'operador de concatenación. Esta cadena de texto le mostrará dos tres líneas.
'+''; document.getElementById('multiline').innerHTML = multilineString; }Pruébalo ahoraProducción
Una salida lo mostrará en la web ejecutando lo anterior. Vea la respuesta a continuación; verás un Mostrar varias líneas para mostrarle una cadena de texto.
Haga clic en esto Mostrar varias líneas El botón y una cadena de texto lo mostrarán en varias líneas. Vea el resultado a continuación:
