Mehrzeilige Zeichenketten in JavaScript erstellen

Question

Ich habe den folgenden Code in Ruby. Ich möchte diesen Code in JavaScript umwandeln. Was ist der entsprechende Code in JS?

text = <<"HERE"
This
Is
A
Multiline
String
HERE

Answer 1

In ES6 können Sie einen Backtick verwenden, um eine Zeichenfolge in mehreren Zeilen anzugeben. Das nennt man ein Template Literal. Zum Beispiel so:

var multilineString = `One line of text
    second line of text
    third line of text
    fourth line of text`;

Die Verwendung des Backticks funktioniert in NodeJS, und wird von Chrome, Firefox, Edge, Safari und Opera unterstützt.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Answer 2

Sie können getaggte Vorlagen verwenden, um sicherzustellen, dass Sie die gewünschte Ausgabe erhalten.

Zum Beispiel:

// Merging multiple whitespaces and trimming the output

const t = (strings) => { return strings.map((s) => s.replace(/\s+/g, ' ')).join("").trim() }
console.log(t`
  This
  Is
  A
  Multiline
  String
`);
// Output: 'This Is A Multiline String'

// Similar but keeping whitespaces:

const tW = (strings) => { return strings.map((s) => s.replace(/\s+/g, '\n')).join("").trim() }
console.log(tW`
  This
  Is
  A
  Multiline
  String
`);
// Output: 'This\nIs\nA\nMultiline\nString'

Answer 3

Mehrzeilige Zeichenkette mit Variablen

var x = 1
string = string + `<label class="container">
                       <p>${x}</p>
                   </label>`;

Answer 4

Beachten Sie auch, dass beim Erweitern der Zeichenfolge über mehrere Zeilen mit Forward Backslash am Ende jeder Zeile, alle zusätzlichen Zeichen (meist Leerzeichen, Tabs und Kommentare aus Versehen hinzugefügt) nach Forward Backslash unerwartete Zeichenfehler verursachen, die ich eine Stunde dauerte, um herauszufinden

var string = "line1\  // comment, space or tabs here raise error
line2";

Answer 5

Bitte verwenden Sie um des Internets willen die String-Verkettung und verzichten Sie auf die Verwendung von ES6-Lösungen für diesen Zweck. ES6 wird NICHT flächendeckend unterstützt, ähnlich wie CSS3 und bestimmte Browser, die sich nur langsam an die CSS3-Bewegung anpassen. Verwenden Sie einfaches JavaScript, Ihre Endbenutzer werden es Ihnen danken.

Ejemplo:

var str = "This world is neither flat nor round. "+ "Once was lost will be found";