Vytváření víceřádkových řetězců v JavaScriptu [s příklady]

V JavaScriptu existuje několik způsobů, jak vytvořit text, který zahrnuje více řádků – tak tady jsou!

Metoda 1:Backticks

Toto je nejlepší metoda, takže je to první. Je kompatibilní pouze s ECMAScript 6 a novějšími, takže je určen pouze pro použití v moderních prohlížečích (opravdu, pokud používáte jakýkoli prohlížeč, který není Internet Explorer, měli byste být v pořádku, ale vždy byste měli svůj kód otestovat na prohlížeče, na které chcete cílit).

var multiText = `
    This is
    multiline
    text!`;

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

Stačí zalomit víceřádkový text (včetně nových řádků) do obrácených značek místo uvozovek vytvoří správný víceřádkový text.

Říká se tomu Template Literal, typ řetězcové proměnné, která umožňuje vložené výrazy a nové řádky.

Metoda 2:Escape znaku nového řádku

Můžete přidat zpětné lomítko (\ ).

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

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

Tato metoda by měla fungovat na starších prohlížečích, ale obecně se nedoporučuje.

Pamatujte, že pokud se ve vašem textu objevují podivné mezery, možná budete muset odstranit odsazení kódu.

Závěr

Když už manipulujete s řetězci JavaScript, proč to nezkusit:

  • Převod řetězce na malá písmena
  • Měření délky řetězce