Cómo romper la línea en JavaScript

Cómo romper la línea en JavaScript

Al subir o escribir blogs en los sitios web, los desarrolladores deben romper las líneas del texto para una mejor legibilidad. Además, a veces, los programadores crean salida basada en texto en la consola para probar su código. Necesitan dividir sus declaraciones en múltiples líneas. Es por eso que la línea se rompe en JavaScript es importante para aprender para la codificación de JavaScript.

Este blog definirá las formas de romper una línea durante el código en JavaScript.

Cómo romper la línea en JavaScript?

Para romper una línea en el código JavaScript, use los siguientes métodos mencionados:

    • Usando \ n (el carácter de escape de Newline)
    • Usando literales de plantilla
    • Usando
      etiqueta

Método 1: Línea de interrupción en JavaScript usando el carácter "\ n"

Utilizar el "\norte"Personaje para romper la línea en JavaScript. Es un personaje de escape que rompe las líneas para una nueva línea. Es el enfoque más útil y comúnmente utilizado. Puedes utilizarlo fácilmente en un "consola.registro()Método "o cualquier cadena.

Ejemplo

Crear una variable "cadena"Eso contiene diferentes cadenas que se imprimirán en líneas separadas con la ayuda de"\norte"(El personaje de escape de Newline):

var string = "Bienvenido al Linuxhint \ nhere aprenderá diferentes habilidades de programación \ nsuch como 'java', 'javascript', 'html/css' y así sucesivamente";


Finalmente, imprima la variable "cadena" en la consola usando "consola.registro()" método:

consola.log (cadena);


Se puede observar que las tres cadenas se han mostrado en la consola en tres líneas diferentes:

Método 2: Línea de interrupción en JavaScript usando literales de plantilla

También puede imprimir cadenas en diferentes líneas presionando la tecla ENTER en la cadena o el "consola.registro()" método. Para ese propósito, use el "literales de plantilla"(').

Ejemplo

Cree una cadena que almacene diferentes cadenas con rupturas de línea presionando la tecla ENTER usando literales de plantilla:

var string = 'Bienvenido al Linuxhint
Aquí aprenderás diferentes habilidades de programación
Como 'java', 'javascript', 'html/css' y así sucesivamente ';


Imprimirá la cadena en el mismo patrón en la consola utilizando el "consola.registro()" método:

consola.log (cadena);


Producción

Método 3: Línea de interrupción en JavaScript usando "
" Etiqueta

También puede usar el HTML "
"Etiqueta en JavaScript para romper la línea en el"documento.escribir()"Método o en el"consola.registro()Método "o cualquier cadena.

Ejemplo

Para imprimir algo en la página web, generalmente usamos el "documento.escribir()Método pasando el texto. Aquí, imprimiremos diferentes cuerdas en la página web rompiendo las líneas usando el "
"Etiqueta en el" documento.método de escritura:

documento.escribir ("Bienvenido al Linuxhint");
documento.escribir("
");
documento.escribir ("Aquí aprenderá diferentes habilidades de programación");
documento.escribir("
");
documento.escribir ("como 'java', 'javaScript', 'html/css' y así sucesivamente");


Se puede ver que todo el texto se ha mostrado en la página web en líneas separadas:


También puede imprimir texto en la posición particular en la página web. Aquí, especificaremos un área utilizando el "

"Etiqueta asignando una ID que se utiliza para acceder a este

Etiqueta en el código JavaScript:


Cree una cadena que almacene un texto que se muestre en ese área especificada. Aquí, concatenaremos el
Etiqueta con las cuerdas para romper las líneas:

Dejar breaklinesCode = "Bienvenido al Linuxhint" + "
" +" Aquí aprenderás diferentes habilidades de programación " +"
" +" Como 'java', 'javaScript', 'html/css' y así sucesivamente ";


Obtenga la referencia de la

etiqueta usando su identificación asignada con la ayuda de "getElementById ()"Método y texto de visualización utilizando el"innerhtml" propiedad:

documento.GetElementById ("Breaklines").innerhtml = breaklinescode;


Producción


Hemos reunido toda la información relevante para romper la línea en JavaScript.

Conclusión

Para romper una línea en JavaScript, use el "\norte"(El personaje de escape de Newline)", "literales de plantilla", O un html"
"Etiqueta con el"documento.escribir()"Método o el"innerhtml" propiedad. Este blog definió las formas de romper una línea durante el código en JavaScript.