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

Ich kam mit dieser sehr jimmy rigged Methode eines mehrzeiligen String. Da bei der Umwandlung einer Funktion in eine Zeichenkette auch alle Kommentare innerhalb der Funktion zurückgegeben werden, können Sie die Kommentare als Zeichenkette mit einem mehrzeiligen Kommentar /**/ verwenden. Man muss nur die Enden abschneiden und schon hat man seine Zeichenkette.

var myString = function(){/*
    This is some
    awesome multi-lined
    string using a comment 
    inside a function 
    returned as a string.
    Enjoy the jimmy rigged code.
*/}.toString().slice(14,-3)

alert(myString)

Answer 2

Ich bin überrascht, dass ich das nicht gesehen habe, denn es funktioniert überall, wo ich es getestet habe, und ist z. B. für Vorlagen sehr nützlich:

<script type="bogus" id="multi">
    My
    multiline
    string
</script>
<script>
    alert($('#multi').html());
</script>

Kennt jemand eine Umgebung, in der HTML vorhanden ist, aber nicht funktioniert?

Answer 3

Ich löste dies durch die Ausgabe eines div, so dass es versteckt, und rufen Sie die div id von jQuery, wenn ich es brauchte.

z.B..

<div id="UniqueID" style="display:none;">
     Strings
     On
     Multiple
     Lines
     Here
</div>

Dann, wenn ich brauche, um die Zeichenfolge zu erhalten, verwende ich einfach die folgende jQuery:

$('#UniqueID').html();

Das gibt meinen Text in mehreren Zeilen wieder. Wenn ich aufrufe

alert($('#UniqueID').html());

Ich verstehe:

Answer 4

Es gibt mehrere Möglichkeiten, dies zu erreichen

1. Schrägstrich-Verkettung

  var MultiLine=  '1\
    2\
    3\
    4\
    5\
    6\
    7\
    8\
    9';

2. reguläre Verkettung

var MultiLine = '1'
+'2'
+'3'
+'4'
+'5';

3. Array Join-Verkettung

var MultiLine = [
'1',
'2',
'3',
'4',
'5'
].join('');

Leistungstechnisch, Schrägstrich-Verkettung (die erste) ist die schnellste.

Siehe dieser Testfall für weitere Informationen über die Leistung

Aktualisierung:

Mit dem ES2015 können wir die Vorteile der Funktion Vorlagenzeichenfolgen nutzen. Damit müssen wir nur Back-Ticks verwenden, um mehrzeilige Zeichenketten zu erstellen

Ejemplo:

 `<h1>{{title}}</h1>
  <h2>{{hero.name}} details!</h2>
  <div><label>id: </label>{{hero.id}}</div>
  <div><label>name: </label>{{hero.name}}</div>
  `

Answer 5

Skript-Tags verwenden:

• einfügen <script>...</script> Block mit Ihrem mehrzeiligen Text in head Tag;

• Ihren mehrzeiligen Text so erhalten, wie er ist... (achten Sie auf die Textkodierung: UTF-8, ASCII)

  <script>
  
      // pure javascript
      var text = document.getElementById("mySoapMessage").innerHTML ;
  
      // using JQuery's document ready for safety
      $(document).ready(function() {
  
          var text = $("#mySoapMessage").html(); 
  
      });
  
  </script>
  
  <script id="mySoapMessage" type="text/plain">
  
      <soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:typ="...">
         <soapenv:Header/>
         <soapenv:Body>
            <typ:getConvocadosElement>
               ...
            </typ:getConvocadosElement>
         </soapenv:Body>
      </soapenv:Envelope>
  
      <!-- this comment will be present on your string -->
      //uh-oh, javascript comments...  SOAP request will fail 
  
  </script>