Creación de cadenas de varias líneas en JavaScript [con ejemplos]

Hay varias formas de crear texto que abarque varias líneas en JavaScript, ¡así que aquí están!

Método 1:acentos graves

Este es el mejor método, por lo que va primero. Solo es compatible con ECMAScript 6 y posteriores, por lo que solo se puede usar en navegadores modernos (realmente, si está usando cualquier navegador que no sea Internet Explorer, debería estar bien, pero siempre debe probar su código en el navegadores a los que desea dirigirse).

var multiText = `
    This is
    multiline
    text!`;

console.log(multiText) // Will output text, on multiple lines

Simplemente envolviendo el texto de varias líneas (incluidas las líneas nuevas) en comillas invertidas en lugar de comillas creará un texto de varias líneas adecuado.

Esto se llama Literal de plantilla, un tipo de variable de cadena que permite expresiones incrustadas y líneas nuevas.

Método 2:escapar del carácter de nueva línea

Puede agregar una barra invertida (\ ) al final de cada línea en una cadena entre comillas simples o dobles para escapar del carácter invisible de nueva línea que le sigue para que se incluya en la cadena en lugar de analizarse:

var multiText = "\
    This is \
    multiline \
    text!";

console.log(multiText) // Will output text, on multiple lines

Este método debería funcionar en navegadores más antiguos, pero generalmente no se recomienda.

Recuerde que es posible que deba eliminar la sangría del código si tiene espacios extraños en el texto.

Conclusión

Mientras manipula cadenas de JavaScript, ¿por qué no intentarlo?

  • Convertir una cadena a minúsculas
  • Midiendo la longitud de una cuerda