Defining a long string with javascript [duplicate]

Question

I have a simple problem that I just can't seem to figure out. In the code below I get an error (test_str is not defined) because the line defining "var str=" is spread across two lines. After the word "fox" there is a CR LF and I guess my javascript engine in my browser thinks I want a new statement there. Now of course in this example I can simply get rid of the carriage return and put it all on one line to fix it. But my real intent is for a much longer string in some production code which I don't really want to mess with deleting all those CR LF's.

<html>
<head>
<script>
function test_str() {
  str = "  The quick brown 
  fox jumped over the log.";
  alert(str);
}
</script>
</head>
<body>
    <a href='javascript:void(0);' onclick='test_str();'>Test String</a>
</body>
</html>

creating-multiline-strings-in-javascript: stackoverflow.com/questions/805107/… — KayakDave
– KayakDave, Commented Dec 30, 2013 at 18:17

Deryck · Accepted Answer · 2013-12-30 18:17:34Z

4

Just put a \ at the end of each line still in the string

str = "  The quick brown \  // <---
fox jumped over the log.";

answered Dec 30, 2013 at 18:17

Deryck

7,6662 gold badges27 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

j08691 · Accepted Answer · 2013-12-30 18:17:38Z

2

Easiest thing to do is to add a \ at the end of the lines:

function test_str() {
  str = "  The quick brown \
  fox jumped over the log.";
  alert(str);
}

jsFiddle example

answered Dec 30, 2013 at 18:17

j08691

208k33 gold badges269 silver badges281 bronze badges

Comments

Comfortably Numb · Accepted Answer · 2013-12-30 18:16:37Z

1

Use \r\n in your string to represent CR LF :

str = "The quick brown\r\nfox jumped over the log.";

answered Dec 30, 2013 at 18:16

Comfortably Numb

39.9k17 gold badges82 silver badges147 bronze badges

Comments

snowdude · Accepted Answer · 2013-12-30 18:17:42Z

1

Try this:

str = " the quick brown fox\r\n" + 
  "fox jumped over the lazy dog";

answered Dec 30, 2013 at 18:17

snowdude

3,8742 gold badges20 silver badges27 bronze badges

Comments

user368361 · Accepted Answer · 2013-12-30 18:18:32Z

0

String literals can't span multiple lines in JavaScript. You'll need to either explicitly continue each line onto the next:

var foo = "The quick brown fox\
 jumped over the lazy\
 dog";

Or concatenate string literals:

var foo = "The quick brown fox " +
          "jumped over the lazy " +
          "dog";

I personally prefer the latter, as you'll be able to indent it more reasonably without as much regard to whitespace within the string, since

var foo = "asdf \
           bar";

would result in a string like "asdf bar".

answered Dec 30, 2013 at 18:18

user368361

Comments

addy2601 · Accepted Answer · 2013-12-30 18:19:23Z

0

Try escaping the newline literal,

str = "  The quick brown \
      fox jumped over the log.";

answered Dec 30, 2013 at 18:19

addy2601

3872 silver badges12 bronze badges

Comments

megawac · Accepted Answer · 2013-12-30 18:19:52Z

0

Another way to define multi line strings is to use an Array and join them. This allows you to easily define a new line character (\n\r) for each line assuming you store lines by Array index ("" for no character seperation between lines). For instance below will create the following string:

The quick brown
fox jumped over the log.

str = ["  The quick brown ",
  "fox jumped over the log."].join("\n\r");//each line should be a new line

answered Dec 30, 2013 at 18:19

megawac

11.4k6 gold badges43 silver badges61 bronze badges

Collectives™ on Stack Overflow

Defining a long string with javascript [duplicate]

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Linked

Related